您的位置:首页 > Web前端 > JQuery

jquery插件-validation plugin

2016-06-26 17:08 429 查看

一、基本验证方法:

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包含了很多扩展验证方法
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: