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-mvc-2 – ASP.NET MVC 2并列为隐藏值?
- asp.net-mvc-3 – MVC模型范围验证器?
- asp.net – 配置IIS服务器使用Aurelia框架并推送状态
- 从Asp.Net MVC 6 API返回JSON错误
- asp.net – 我们可以在视图状态中放置哪些类型的对象?
- asp.net – 如何使用resxresourcewriter写入所有三个值?
- asp.net-core – asp.net核心身份中的多个SubDomain的cooki
- asp.net-mvc – LiveReload ASP.net MVC Web应用程序与Grun
- asp.net – FF和IE不从CSS加载img src
- asp.net实现生成缩略图及给原始图加水印的方法示例
- 我是否需要在asp.net中取消订阅(手动订阅)活动?
- .net – DNU发布 – 来自MSBuild的no-source
- asp.net-mvc-4 – ASP.NET MVC 4通过ActionLink传
- asp.net-mvc-3 – System.Web.Mvc.HandleErrorIn
- ASP.NET Web API返回可查询的DTO?
- asp.net – OWIN第二天拒绝身份验证cookie
- 在ASP.NET核心中间件中设置响应状态
- asp.net-mvc-4 – 在asp.net mvc 4模型中更改验证
- 如何在ASP.NET Web应用程序中打开一个SectionGro
- .net中如何获取机器硬件信息(防软件复制版)