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


 

validate插件深入学习-03validate()方法配置项的更多相关文章

  1. validate插件深入学习-01 小白从看透一个插件开始

    没有编程基础的的我,即使看了一遍jq文档也不知道怎么写程序,一个新的插件看了也不知道怎么用. 总是想做自己会的,自己不会的永远不去触碰,就永远不会. 都说编程这东西,很多都有很像的地方了,一个语言学通 ...

  2. validate插件深入学习-02 常用方法和validate对象的方法

    ①检查表单元素是否有效 valid() 在表单内添加<button id="check">检查</button> $('#check').click(fun ...

  3. validate插件深入学习-04自定义验证方法

    自定义验证方法 jQuery.validator.addMethod(name,method,[,message]) name: 方法名 method: function(value,element, ...

  4. jQuery Validate 表单验证插件----自定义一个验证方法

    一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...

  5. validate方法配置项

    validate()方法配置项 submitHandler 通过验证后运行的函数,可以加上表单提交的方法 invalidHandler 无效表单提交后运行的函数 ignore 对某些元素不进行验证 r ...

  6. jQuery validate插件,自动验证无效的原因及解决方法归纳

    最近在使用validate插件进行验证的时候,出现有的控件在个别事件(比如keydown.foucs.onchange等)下不能自动验证,而有的控件却又正常,当时觉得很诡异,后来仔细测试查看,归纳原因 ...

  7. jquery validate表单验证插件的基本使用方法及功能拓展

    1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.    1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提 ...

  8. jquery.validate插件在booststarp中的运用

    现在在网络上已经可以找到很多基于bootstarp的表单认证,但是验证的都不全面的,下载后,我们还要理解作者的思路然后进行修改添加,这种修改方式往往适合学习,时间很多的时候.但是我们很多时候是没有时间 ...

  9. JQuery插件的学习

    此前一直想就关于Jquery插件的开发,做一个深入的学习,由于各种原因,当然主要是自己太懒了...今天就系统分析一下Jquery插件的开发(参考了http://www.xprogrammer.com/ ...

随机推荐

  1. 4. Java Script 变量(untype)

    没有块级作用域 数据类型 JavaScript中有5种简单数据类型(也称为基本数据类型):Undefined.Null.Boolean.Number和String.还有1种复杂数据类型——Object ...

  2. Thinkphp3.2----------------Thinkphp3.2的目录结构介绍

    ThinkPHP框架目录结构\index.php         入口文件\Application     应用目录\Public         资源文件目录\ThinkPHP         框架 ...

  3. 裁剪Tessdata

    一个项目只需要tesseract traineddata 中的数字部分. 实现过程简单说就是解包,去掉多余,再打包.利用了tesseract的dawg2wordlist  /  wordlist2da ...

  4. Install Mono on Linux

    Debian, Ubuntu, and derivatives Add the Mono Project GPG signing key and the package repository to y ...

  5. include与require的区别?

    require()语句的性能与include()相类似,都是包括并运行指定文件.不同之处在于:对include()语句来说,在执行文件时每次都要进行读取和评估:而对于require()来说,文件只处理 ...

  6. [转]struct.pack 用法手记

    原文:http://hi.baidu.com/tibelf/item/8b463d15edfdf10bd1d66d83 看到在进行c格式的二进制文件读取的过程中,用到了struct.unpack方法, ...

  7. IOS textField(textview)字数判断

    textfield 有时会需要设置字数限制,如果只是英文或者符号,可以直接在以下代理方法中判断字数 -(BOOL)textField:(UITextField *)textField shouldCh ...

  8. 封装好的AFN网络请求框架和MBProgress

    demo:https://github.com/IMCCP/CCPAFNNetworking(收藏下来)

  9. 如何静态添加toolbar到datagrid

    这个示例向你展示如何添加toolbar到datagrid. 创建 DataGrid <table id="tt" class="easyui-datagrid&qu ...

  10. JS正则表达式大全

    转自:http://wenku.baidu.com/link?url=3y930kC7F6D3wQdMjQ3fVDmiA9Wfebs_QK0UB3N3mFaEoKg4ytZORPopxufeYA6si ...