jquery插件-validation plugin

一、基本验证方法:

1、required必填2remote远程校验3minlength最小长度

4、maxlength最大长度5rangelength长度范围6min最小值

7、max最大值8range值范围9email Email格式10url Url格式11date日期12dateISO ISO日期13number数字14digits整数

15、equalTo与另一个元素值相等

二、高级API

1valid()方法:

检查表单或某些元素是否有效的方法

2rules()方法:

获取表单元素的校验规则

rules(“add”,rules)方法:向表单元素添加校验规则

rules(“remove”,rules)方法:删除表单元素校验规则

3validator对象

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)为某些包含名为nameclass增加组合验证类型

4、validate()方法配置项

1、submitHandler通过验证后运行的函数,可以加上表单提交的方法

2、invalidHandler无效表单运行后提交的函数

3、ignore对某些元素不进行验证

4、rules定义校验规则

5、messages定义提示信息

6、groups对一组元素的验证,用一个错误提示,用errorPlacement控制把出错信息放在哪里。

7、Onsubmit是否在提交时验证

8、Onfocusout是否在获取焦点时验证

9、Onkeyup是否在敲击键盘时验证

10、Onclick是否在鼠标点击时验证,一般用于checkboxradio

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包含了很多扩展验证方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值