zoukankan      html  css  js  c++  java
  • ASP.NETmvc常用jquery手机【jquery.validate.js】

      离开WEBFORM 也就离开了大量的前端困境,刚一开始用MVC,真感觉好像在沙漠中行走,很想念以前的控件,都快想死了,很快发现原来JQUERY 有很多插件可以用,只怪自己平时不收集,用的时候才手忙脚乱

    jquery.validate.js 主要用来做验证,感觉和.net里面的验证控件差不多,功能有很多,不过常用的还是那个非空和电子邮件格式

    html部分

    <span id="Tip"></span>
              <fieldset>
    
                <legend>一个简单的带有提示的评论例子</legend>
    
                <p>
                  用来显示错误提示信息的标签
                  <label for='cusername'>姓名</label>
                  <em>*</em>
    
                  <input id='cusername' name='username' size='25' />
    
                </p>
    
                <p>
    
                  <label for='cemail'>电子邮件</label>
                  <em>*</em>
    
                  <input id='cemail' name='email' size='25' />
    
                </p>
    
                <p>
    
                  <label for='curl'>网址</label>
                  <em>*</em>
    
                  <input id='curl' name='url' size='25' value=''/>
    
                </p>
    
                <p>
    
                  <label for='ccomment'>你的评论</label>
                  <em>*</em>
    
                  <textarea id='ccomment' name='comment' cols='25'></textarea>
    
                </p>
    
                <p>
    
              
    
                  </p>
                <input type="submit" value="提交评论" />
              </fieldset>

    JS部分

    $(document).ready(function () {
                //表单的ID
                $('#form1').validate({
                   //验证规则
                    rules: {
                       //需要验证的ID,为必填,最短长度为3
                        username: {
    
                            required: true,
    
                            minlength: 3
    
                        },
    
                        email: {
    
                            required: true,
    
                            email: true
    
                        },
    
                        url: "url",
    
                        comment: "required"
    
                    }
    
                })
    
            });
          
        
  • 相关阅读:
    typescript 装饰器
    typescript 中的模块
    深入理解typeScript中的泛型类
    泛型 泛型类
    vue跨域
    我喜欢的网站
    vuex
    路由导航守卫
    最多显示两行
    git命令
  • 原文地址:https://www.cnblogs.com/qqloving/p/2033999.html
Copyright © 2011-2022 走看看