浅谈jQuery验证框架

jQuery验证框架

（1）jQuery默认验证规则

required:true——必输字段；

remote:”check.php”——使用Ajax方法调用check.php验证输入值；

email:true——必须输入正确格式的电子邮件；

url:true——必须输入正确格式的网址；

date:true——必须输入正确格式的日期；

dateISO:true——必须输入正确格式的日期（ISO）。例如：2016-09-09，2016/09/09。只验证格式，不验证有效性；

number:true——必须输入合法的数字（负数，小数）；

digits:true——必须输入整数；

creditcard:true——必须输入合法的信用卡号；

equalTo:”#password”——输入值必须和”#password”相同；

accept:——输入有合法后缀名的字符串（上传文件的后缀）；

maxlength:10——输入长度最多是10的字符串（汉字算一个字符）；

minlength:5——输入长度最少是5的字符串（汉字算一个字符）；

rangelength:[5,10]——输入长度必须介于5和10之间的字符串（汉字算一个字符）；

range:[5,10]——输入值必须介于5和10之间；

max:10——输入值不能大于10；

min:5——输入值不能小于5。

（2）rules和messages使用的是组件的name属性的值，而不是id属性的值。

rules：自定义规则，key:value的形式，key是要验证的元素，value可以是字符串或对象；

message：自定义提示信息，key:value的形式，key是要验证的元素，value可以是字符串或函数。

（3）jQuery执行验证时，利用label标签显示错误提示信息

自定义标签：<label style=”display:none” for=”组件的name属性” class=”error”>验证出错时的提示信息</label>（for属性的值是label标签的唯一标识，class=”error”表示提示信息用error这个样式表修饰）。

执行：以组件name属性的值为标识，查找label标签，若找到，则直接使用，否则创建一个label标签。

（4）自定义校验规则

①　定义新的方法

$.validator.addMethod(“增加的方法的名称”,function(value,element,params){if(...)return true;elsereturn false;});

value：待验证的元素的值（对value进行验证）。

element：待验证的元素对象本身（用处不大）。

params：参数，默认值（设置为多少都无关紧要）。

②　在rules中指定某个域使用此校验规则。

③　在messages中指定这个域使用此校验规则没有通过时的提示信息。