ASP.NETmvc常用jquery手机【jquery.validate.js】

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

  离开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"

                }

            })

        });
      
    
test
相关文章
|
3月前
|
开发框架 JSON JavaScript
ASP.NET Core3.1实战教程---基于Jquery单文件上传
ASP.NET Core3.1实战教程---基于Jquery单文件上传
26 0
|
7月前
|
JavaScript
jQuery fullpage.js 全屏分页以及动画使用
jQuery fullpage.js 全屏分页以及动画使用
39 0
|
13天前
|
JavaScript 前端开发
JQuery和JS的区别有哪些?
JQuery和JS的区别有哪些?
12 0
|
1月前
|
JavaScript
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js
8 0
|
7月前
|
JavaScript
jQuery lazyload.js 懒加载可视范围图片
jQuery lazyload.js 懒加载可视范围图片
40 0
|
7月前
|
JavaScript
jQuery jquery.color.js 背景颜色支持动画
jQuery jquery.color.js 背景颜色支持动画
68 0
|
3月前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
39 0
|
3月前
|
JavaScript 前端开发
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
39 0
|
3月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
40 0
|
3月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
38 0