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 选择所有没有被选中的个元素 一般用于复选框
validate插件深入学习-03validate()方法配置项的更多相关文章
- validate插件深入学习-01 小白从看透一个插件开始
没有编程基础的的我,即使看了一遍jq文档也不知道怎么写程序,一个新的插件看了也不知道怎么用. 总是想做自己会的,自己不会的永远不去触碰,就永远不会. 都说编程这东西,很多都有很像的地方了,一个语言学通 ...
- validate插件深入学习-02 常用方法和validate对象的方法
①检查表单元素是否有效 valid() 在表单内添加<button id="check">检查</button> $('#check').click(fun ...
- validate插件深入学习-04自定义验证方法
自定义验证方法 jQuery.validator.addMethod(name,method,[,message]) name: 方法名 method: function(value,element, ...
- jQuery Validate 表单验证插件----自定义一个验证方法
一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...
- validate方法配置项
validate()方法配置项 submitHandler 通过验证后运行的函数,可以加上表单提交的方法 invalidHandler 无效表单提交后运行的函数 ignore 对某些元素不进行验证 r ...
- jQuery validate插件,自动验证无效的原因及解决方法归纳
最近在使用validate插件进行验证的时候,出现有的控件在个别事件(比如keydown.foucs.onchange等)下不能自动验证,而有的控件却又正常,当时觉得很诡异,后来仔细测试查看,归纳原因 ...
- jquery validate表单验证插件的基本使用方法及功能拓展
1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提 ...
- jquery.validate插件在booststarp中的运用
现在在网络上已经可以找到很多基于bootstarp的表单认证,但是验证的都不全面的,下载后,我们还要理解作者的思路然后进行修改添加,这种修改方式往往适合学习,时间很多的时候.但是我们很多时候是没有时间 ...
- JQuery插件的学习
此前一直想就关于Jquery插件的开发,做一个深入的学习,由于各种原因,当然主要是自己太懒了...今天就系统分析一下Jquery插件的开发(参考了http://www.xprogrammer.com/ ...
随机推荐
- Ubuntu下安装Numpy, SciPy and Matplotlib
Python开发环境包含科学计算,需要安装NumPy, SciPy, Matplotlib.其中Matplotlib依赖于Python和NumPy.我们先安装NumPY和SciPy. Matplot ...
- OpenCV Haartraining
opencv_haartraining.exe -data xml -vec pos.vec -bg neg/neg.txt -w 20 -h 20 -mem 144 opencv_haartrain ...
- c++友元函数
c++友元函数分两类: 一://友员全居函数 /*#include <iostream>using namespace std;class aaa{ friend void prin ...
- Coins
Description Whuacmers use coins.They have coins of value A1,A2,A3...An Silverland dollar. One day Hi ...
- Java程序猿学习的建议(转)
第一部分:对于尚未做过Java工作的同学,包括一些在校生以及刚准备转行Java的同学. 一.Java基础 首先去找一个Java的基础教程学一下,这里可以推荐一个地址,或者你也可以参照这个地址上去找相应 ...
- Eclipse安装svn插件的几种方式
Eclipse安装svn插件的几种方式 1.在线安装: (1).点击 Help --> Install New Software... (2).在弹出的窗口中点击add按钮,输入Name(任意) ...
- Android--带你一点点封装项目 MVP+BaseActivity+Retrofit+Dagger+RxJava(一)
1,其实早就想把这些东西给封装封装的,一直没有时间,今天刚好项目进入到测试阶段了,Bug同事在哪儿测试的飞起,但发现提bug的尽然是我(得意脸),然后上午把ios的包测试了一下,顺便把服务器给测挂了( ...
- 调优SQL思路
--调优SQL --sqlreview ->logshipping -> ag辅助副本 --查看正确的执行计划 打开实际的执行计划set statistics io on --查看错误的执 ...
- PHP 生成验证码
//加载 vendor目录的phpqrcode.类文件 $a = vendor("phpqrcode.qrlib");// 创建目录 echo mkdir(__ROOT__.'/U ...
- IOS响应式编程框架ReactiveCocoa(RAC)使用示例
ReactiveCocoa是响应式编程(FRP)在iOS中的一个实现框架,它的开源地址为:https://github.com/ReactiveCocoa/ReactiveCocoa# :在网上看了几 ...