一、基本验证方法:
1、required必填2、remote远程校验3、minlength最小长度
4、maxlength最大长度5、rangelength长度范围6、min最小值
7、max最大值8、range值范围9、email Email格式10、url Url格式11、date日期12、dateISO ISO日期13、number数字14、digits整数
15、equalTo与另一个元素值相等
二、高级API
1、valid()方法:
检查表单或某些元素是否有效的方法
2、rules()方法:
获取表单元素的校验规则
rules(“add”,rules)方法:向表单元素添加校验规则
rules(“remove”,rules)方法:删除表单元素校验规则
3、validator对象
Validate方法返回validator对象
1)、validator对象有很多有用的方法:
Validator.form()验证表单是否有效,返回true/false
Validator.element(element)验证某个元素是否有效,返回true/false
validator.resetForm()把表单恢复到验证前原来的状态
validator.showErrors(errors)针对某个元素显示特定的错误信息
validator.numberOfInvalids()返回无效的元素数量
2)、validator有很多有用的静态方法,可直接使用
jQuery.validator.addMethod(name,method[,message])增加自定义的验证方法
jQuery.validator.format(template,argument,argumentN,...)格式化字符串,用参数替代模板中的{n}
jQuery.validator.setDefaults(options)修改插件默认设置
jQuery.validator.addClassRulse(name,rules)为某些包含名为name的class增加组合验证类型
4、validate()方法配置项
1、submitHandler通过验证后运行的函数,可以加上表单提交的方法
2、invalidHandler无效表单运行后提交的函数
3、ignore对某些元素不进行验证
4、rules定义校验规则
5、messages定义提示信息
6、groups对一组元素的验证,用一个错误提示,用errorPlacement控制把出错信息放在哪里。
7、Onsubmit是否在提交时验证
8、Onfocusout是否在获取焦点时验证
9、Onkeyup是否在敲击键盘时验证
10、Onclick是否在鼠标点击时验证,一般用于checkbox或radio
11、focusInvalid提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)是否会获得焦点
12、focusCleanup当未通过验证的元素获得焦点时,是否移除错误提示。
13、errorClass指定错误提示的css类名,可以自定义错误提示的样式
14、validClass指定验证通过的css类名
15、errorElement使用什么标签标记错误
16、Wrapper使用什么标签把上面的errorElement包起来
17、errorLabelContainer把错误信息统一放在一个容器里
18、errorContainer显示或者隐藏验证信息,可以自动实现有错误信息出现时把容器属性变为显示,无错误时隐藏。
19、showErrors可以显示总共有多少个未通过验证的元素
20、errorPlacement自定义错误信息放到哪里
21、Success要验证的元素通过验证后的动作
22、Highlight可以给未通过验证的元素加效果
23、Unhighlight去除未通过验证的元素的效果,一般与highlight同时使用
5、选择器扩展
:blank选择所有值为空的元素
:filled选择所有值不为空的元素
:unchecked选择所有没有被选中的元素
三、自定义验证方法
jQuery.validator.addMethod(name,method[,message])
name:方法名
method:function(value,element,params)方法逻辑
Message:提示消息
Additional-methods.js包含了很多扩展验证方法