jquery.validata.js 插件2

结合上面的，今天写一下validate的使用方法。

validate（）验证所选的form。

validate 方法返回一个 Validator 对象。Validator 对象有很多方法可以用来引发校验程序或者改变 form 的内容。

validate（）的可选项：

submitHandler：通过验证后运行的函数，里面要加上表单提交的函数，否则表单不会提交。

$("#demoForm").validate({ submitHandler:function() {  alert('校验全部通过！') } })

ignore：忽略某个元素不校验
ignore:'#pass2'//忽略某个元素不校验
rules：自定义规则，key:value 的形式，key 是要验证的元素，value 可以是字符串或对象。

$("#demoForm").validate({ rules:{ name:"required", email:{ required:true, email:true } } })
messages：自定义的提示信息，key:value 的形式，key 是要验证的元素，value 可以是字符串或函数。

$("#demoForm").validate({ rules:{ name:"required", email:{ required:true, email:true } }, messages:{ name:"Name不能为空", email:{ required:"E-mail不能为空", email:"E-mail地址不正确" } } })
OnSubmit：类型 Boolean，默认 true，指定是否提交时验证。

$("#demoForm").validate({ onsubmit:false })

onfocusout：类型 Boolean，默认 true，指定是否在获取焦点时验证。

$("#demoForm").validate({ onfocusout:false })

onkeyup：类型 Boolean，默认 true，指定是否在敲击键盘时验证。

$("#demoForm").validate({ onkeyup:false })

onclick：类型 Boolean，默认 true，指定是否在鼠标点击时验证（一般验证 checkbox、radiobox）。

$("#demoForm")

).validate({ onclick:false })

focusInvalid：类型 Boolean，默认 true。提交表单后，未通过验证的表单（第一个或提交之前获得焦点的未通过验证的表单）会获得焦点。

$("#demoForm")

.validate({ focusInvalid:false })

focusCleanup：类型 Boolean，默认 false。当未通过验证的元素获得焦点时，移除错误提示（避免和 focusInvalid 一起使用）

$("#demoForm")

.validate({ focusCleanup:true })

errorClass：类型 String，默认 "error"。指定错误提示的 css 类名，可以自定义错误提示的样式。

$("#demoForm")

.validate({ errorClass:"invalid" })

errorElement：类型 String，默认 "label"。指定使用什么标签标记错误。

$(".selector").validate
   errorElement:"em" })

highlight：可以给未通过验证的元素加效果、闪烁等。

转载于:https://www.cnblogs.com/weiyz/p/7062995.html