validate插件深入学习-03validate()方法配置项

validate()方法配置项

rules 定义校验规则

messages 定义提示信息

上面这两个已经介绍过了

rules里隐藏的属性depends，只有符合条件（返回true）的时候才会执行

submitHandler通过验证后运行的函数，可以家伙是那个表单提交方法

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

submitHandler:function(form){
        console.log($(form).serialize());//如果验证通过，输出表单序列化
},
invalidHandler:function(event,validator){
    console.log("错误数:"+validator.numberOfInvalids())//有无效项，则为无效标单，输出徐晓个数
}    

invalidHandler也可以被绑定事件触发

$('#demoform').on('invalid-form',(event,validator){
    console.log("错误数:"+validator.numberOfInvalids())
})

ignore 对某些元素进行验证

groups 对一组元素的验证，将错误提示集合显示在一个地方，用errorPlacement控制把出错的信息放在那哪里
（实践时候貌似login里不管写什么，错误提示都显示在info里，不知道为什么，所以要在下面进行判断，其实直接写errorPlacement就可以）

onsubmit 是否在提交时验证 ，默认是true，改成false的时候invalidHandler还是会判断

onfocusout 是否在获取焦点时验证

onkeyup 是否在敲击键盘时验证

onclick 是否在鼠标点击时验证 一般用于check或者radio

focusInvalid 提交表单后，未通过验证的表单（第一个或提交之前获得焦点的未通过验证的表单）是否会获得焦点

focusCleanup 当未通过验证的元素获得焦点是，是否移除错误提示

以上六个是时间节点触发的事件的验证

errorClass 指定错误提示的css类名，可以自定义错误提示的样式

validClass 指定通过验证的css类名（这两个也可先看一下之前这两个类添加在哪个标签了）

errorElement使用什么标签标记错误

wrapper 使用什么标签把errorElement包裹起来

errorLabelContainer 把错误信息统一放在与一个容器里面

errorContainer显示或隐藏验证信息，可以自动实现有错误信息出现时，把容器属性变为显示，无错误是隐藏 。这个一般可以不写，需要额外的提示可以写

以上都是错误提示样式及显示设置

showErrors 可以显示总共有多少个未通过验证的元素 一般用于自定义错误展示信息的处理

errorPlacement 自定义错误信息放到哪里 ，上面介绍过了，和group一起使用

 success 要验证的元素通过验证后的动作（以下两种方式都可以）

highlight 可以给未通过验证的元素加效果

unhighlight 去除未通过验证的元素的效果，一般和highlight一起使用

这两个主要针对的是input，上面success针对的是提示信息label

 

选择器扩展

:blank 选择所有值为空的元素   半角空格为空，全角空格为不空

:filled 选择所有值不为空的元素 去掉空格，长度大于零

:unchecked 选择所有没有被选中的个元素 一般用于复选框