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 选择全部没有被选中的个元素 通常用于复选框