校验规则

默认校验规则

拓展校验规则

如何使用

引入类库

绑定规则

应用方法

官方文档

我们采用的jQuery Validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。
校验规则
默认校验规则

● jQuery Validate默认提供了url、email和数值等多种校验规则。

序号 规则 描述
1 required:true 必须输入的字段。
2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。
3 email:true 必须输入正确格式的电子邮件。
4 url:true 必须输入正确格式的网址。
5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎用。
6 dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。
7 number:true 必须输入合法的数字(负数,小数)。
8 digits:true 必须输入整数。
9 creditcard: 必须输入合法的信用卡号。
10 equalTo:"#field" 输入值必须和 #field 相同。
11 accept: 输入拥有合法后缀名的字符串(上传文件的后缀)。
12 maxlength:5 输入长度最多是 5 的字符串(汉字算一个字符)。
13 minlength:10 输入长度最小是 10 的字符串(汉字算一个字符)。
14 rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。
15 range:[5,10] 输入值必须介于 5 和 10 之间。
16 max:5 输入值不能大于 5。
17 min:10 输入值不能小于 10。
拓展校验规则

● 与此同时,我们也预先封装了日期、手机/座机以及小数位等校验规则。

序号 规则 描述
1 afterTimeTo:["#field"] 必须大于指定字段的日期
2 beforeTimeTo:["#field"] 必须小于指定字段的日期
3 isMobile:true 必须是手机号码
4 isTel:true 必须是座机号码
5 isPhone:true 必须是手机或者座机号码
6 decimals:[num] 校验指定小数位num
如何使用
引入类库

● jQuery Validate核心库只有必须引入,可选的还有中文包、拓展校验。

绑定规则

● 不论以哪种方式绑定校验规则,被绑定的表单元素必须在同一个form中,必须拥有name属性,且name属性值在同一form中不能重复。
● 1、只有默认校验规则可以直接写到控件中,即通过表单元素属性直接绑定。如下:

● 2、默认或者自定义的校验规则都可以写到js代码中,以字段的name值为关键字来匹配校验规则。如下:

● 3、默认或者自定义的校验规则都可以绑定给表单元素的validate属性,其值为一个可以包含多组校验规则的对象。
● 如采用这种绑定方法,则必须引入两个拓展文件jquery.metadata.js和jquery.validate.extend.js。
● 在可编辑表格中,如需绑定自定义校验规则,采用这种方法最佳。

应用方法

●jQuery Validate 为我们提供了很多api。在这里我们列举了一些常用的配置方法,完整api参见W3C菜鸟教程

官方文档

●jQuery Validate 为我们提供了丰富的配置项与应用程序接口,详情参见W3C菜鸟教程