JQuery 插件 Validation Plugin

来源:互联网 发布:淘宝冻结账户开通 编辑:程序博客网 时间:2024/05/21 15:07

Validation Plugin

jquery validate.js基本验证方法

*required 必填         remote远程校验(可以发送post请求)*minlength 最小长度   maxlength 最大长度  rangelength   长度范围    (用于长度)*min 最小值   max 最大值  range值范围  (值的大小,相当于就是数字 )*email email格式  url url格式 (需带http(s)://:)  date日期  dateiso  iso日期*number 数字   digits整数  equalTo与另一个元素值相等

Validator对象

*validate方法返回Validator对象。*Validator.form() 验证表单是否有效,返回true/false*Validator.element(element) 验证元素是否有效,返回true/false*Validator.resetForm()把表单恢复到验证前原来的状态*Validator.showErrors(errors)针对某个元素现实特定的错误信息*Validator.numberOfInvalids() 返回无效的元素数量

validate()方法配置项

*submitHandler 通过验证后运行的函数,可以加上表单提交的方法*invalidHandler 无效表单提交后运行的函数*ignore对某些元素不进行验证*rules 定义校验规则*messages 定义提示信息*groups 对一组元素的验证,用一个错误提示,用errorPlacement控制把出错信息放在哪里*onsubmit 是否在提交时验证*onfocusout 是否在获取焦点时验证*onkeyup 是否在敲击键盘时验证*onclick 是否在鼠标点击时验证,一般用于checkbox或者radio*focusInvalid 提交表单后,未通过验证的表单(第一个获提交之前获得焦点的未通过验证的表单)是否会获得焦点*focusCleanup 当未通过验证的元素获得焦点时,是否移除错误提示*errorClass 指定错误提示的css类名,可以自定义错误提示的样式*validClass 指定验证通过的css类名*errorElement 使用什么标签标记错误*wrapper 使用什么标签把上边的errorElement包起来*errorLabelContainer  把错误信息统一放在一个容器里面*errorContainer 显示或者隐藏验证信息,可以自动显示有错误信息出现时把容器属性变为显示,无错误时隐藏 *showErrors 可以显示总共有多少个未通过验证的元素*errorPlacement  自定义错误信息放到哪里*success 要验证的元素通过验证后的动作*highlight 可以给未通过验证的元素加效果*ungighlight 去除未通过验证的元素的效果,一般和highlight同时使用

选择器扩展

* :blank 选择所有值为空的元素* :filled 选择所有值不未空的元素* :uncheked 选择所有没有被选中的元素
0 0
原创粉丝点击