jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式(jquery.validate
最近在学习asp.netMVC,发现其中的验证方式书写方便快捷,应用简单,易学好懂。 验证方式基于jQuery的validate 验证方式,也可以说是对jQuery validate的验证方式的扩展,使其更简单易用。 应用一、引入
二、1)在需要验证的input标签上添加属性data-val="true",即表示改标签参加验证。 2)继续在标签上添加属性data-val-required="用户名不能为空!",表示此标签的内容不能为空的验证。 三、显示验证信息,有两种方式显示。一种是集中显示验证信息,另一种是在具体位置显示相对应的验证信息。 1)在需要显示验证信息的位置写入以下代码 2)相对应的验证信息显示 = data-valmsg-replace=>以上三部即可完成最基本简单的验证。 如需添加标签的其他验证只需重复第二部即可。 验证规则一、简单规则刚才我们知道了data-val-required是必输字段,简单的验证规则如下 1.data-val-required 必输字段 2.data-val-email 必须输入正确格式的电子邮件 3.data-val-url 必须输入正确格式的网址 4.data-val-date 必须输入正确格式的日期 5.data-val-digits: 必须输入正整数 6.data-val-number:必须输入整数 二、复杂一点的规则我们知道了简单基本的验证规则,但这些不能满足我们的需求。 1.比如注册确认密码的验证 (data-val-equalto="密码和确认密码不匹配。" data-val-equalto-other="pwd") 这时只设置一个属性不能满足我们的需求。因为我们要找到另一个文本框的值。data-val-equalto-other对应另一个文本框的name的值 = data-valmsg-replace=> = data-valmsg-replace=>2.data-val-length 字符的长度 ,data-val-length-max表示最大字符数 data-val-length-min 表示最小字符数 = data-valmsg-replace=>3.data-val-accept 正确的后缀名,data-val-accept-exts 符合后缀名的集合 data-val="true" data-val-required="不能为空!" data-val-accept="后缀名为.jpg、.gif或.png" data-val-accept-exts="jpg|gif|png" 4.data-val-range 数字的大小范围,data-val-range-min 最小数 data-val-range-max 最大数 三、再复杂一点的规则(正则)以上的验证规则需要两个或者两个以上的属性才能完成验证,但是这些仍然不能满足我们的需求。比如手机格式的验证,这些我们可能需要正则来辅助我们验证 data-val-regex表示正则的验证方式,data-val-regex-pattern正则的表达式 = data-valmsg-replace=>四、再再复杂一点的规则(ajax)有点时候我们需要ajax来验证规则,比如我们常见的检查用户名是否可用 data-val-remote可以帮助我们实现功能,data-val-remote-url表示ajax验证的路径,直接返回true or false 即可完成验证。 = data-valmsg-replace=>五、终极验证规则(自定义验证规则)虽然以上验证规则足够可以我们使用,但是可能需要我们自定义的验证规则。 熟悉jQuery validate的验证方式知道可以添加自定义的验证规则,因为此验证规则是对jQuery validate的扩展,所以需要在jQuery validate的基础上进行自定义验证。 1)添加jQuery validate自定义验证方法 判断值是否等于“123” $.validator.addMethod(,function (value,element, value != });2)添加扩展方法的自定义方法 $.validator.unobtrusive.adapters.add( options.rules[] = options.messages[] = });3)data-val-notequal="姓名不能等于 123" = data-valmsg-replace=> 这样即可完成简单的自定义验证规则。 有的时候我们需要指定参数来实现自定义验证规则 $.validator.addMethod(, value != [ $.validator.unobtrusive.adapters.add(,[ options.rules[] = va: options. options.messages[] = }); = data-valmsg-replace=> 这样就可以完成比较复杂的自定义验证规则。 用jquery验证是否通过可以 $("#form-invoince").valid() 本人第一次写博客,希望多多支持!! (编辑:岳阳站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- asp.net – 如何MSDeploy构建的网站包到一个处女IIS网站
- ASP.NET:web.config在哪里/如何缓存?
- 在ASP.NET RadioButtonList ListItem上设置CSS类
- asp.net – 如何在MVC 3中设置图表系列颜色?
- 在IIS上部署ASP.NET Core项目的图文方法
- asp.net html控件的File控件实现多文件上传实例分享
- asp.net-mvc – MVC 5 OWIN登录声明和AntiforgeryToken.我错
- asp.net 汉字转换拼音及首字母实现代码
- asp.net-mvc – 如何在asp.net中使用mvc构建购物车?
- MVC SessionStateAttribute不作为全局属性
- asp.net – 如何接收JSON作为MVC 5操作方法参数
- asp.net-mvc – AJAX POST到MVC Controller显示3
- ASP.NET OnClientClick =“return false;”不起作
- asp.net – MVC 3,(razor)加载部分与验证
- asp.net – 使用/ signalr / ping调用时使用长轮
- ASP.NET 5,.NET Core和ASP.NET Core 5有什么区别
- asp.net mvc – 如何实现面包屑助手在asp.net mv
- 勾选复选框时,禁用一些ASP.Net验证控件
- asp.net – 使用umbraco的iis应用程序池使用过多
- 向.NET电子邮件添加附件