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 选择所有没有被选中的个元素 一般用于复选框



 

 
原文地址:https://www.cnblogs.com/wufangfang/p/6208498.html