jQuery Validate 无法验证 chosen-select元素的解决方法


Posted in jQuery onMay 17, 2017

chosen-select元素执行了chosen()方法后,为select元素加上了style="display: none;"进行隐藏,然后重新构造了一个看起来像select的下拉列表。

而jQuery Validate默认忽略对隐藏元素进行校验,因此我们要把select排除。在validate()方法的参数中增加ignore属性,将select从忽略的隐藏元素中剔除。

$("select").validate({ignore: ":hidden:not(select)"});

:hidden 选择器选取隐藏的元素。 以下几种情况的元素是隐藏元素:

  • 设置为 display:none
  • 带有 type=”hidden” 的表单元素
  • width 和 height 设置为 0
  • 隐藏的父元素(这也会隐藏子元素)

注释:该选择器对 visibility:hidden 和 opacity: 0 的元素不起作用。

以上所述是小编给大家介绍的jQuery Validate 无法验证 chosen-select元素的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
jquery插件开发模式实例详解
Jul 20 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
JS+JQuery实现无缝连接轮播图
Dec 30 jQuery
jQuery冲突问题解决方法
Jan 19 jQuery
jQuery查找dom的几种方法效率详解
May 17 #jQuery
jQuery实现div跟随鼠标移动
Aug 20 #jQuery
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
May 15 #jQuery
Jquery把获取到的input值转换成json
May 15 #jQuery
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 #jQuery
jQuery返回定位插件详解
May 15 #jQuery
jQuery操作css样式
May 15 #jQuery
You might like
使用sockets:从新闻组中获取文章(一)
2006/10/09 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
PHP+iFrame实现页面无需刷新的异步文件上传
2014/09/16 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
php图片水印添加、压缩、剪切的封装类实现
2020/04/18 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
javascript中substr,substring,slice.splice的区别说明
2010/11/25 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
浅谈angularJS的$watch失效问题的解决方案
2017/08/11 Javascript
利用javascript如何随机生成一定位数的密码
2017/09/22 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
JavaScript中Require调用js的实例分享
2017/10/27 Javascript
jfinal与bootstrap的登出实战详解
2017/11/27 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
原生JS实现随机点名项目的实例代码
2019/04/30 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
[01:01:52]DOTA2-DPC中国联赛正赛 iG vs LBZS BO3 第一场 3月4日
2021/03/11 DOTA
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
浅析Python 中整型对象存储的位置
2016/05/16 Python
Python中你应该知道的一些内置函数
2017/03/31 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
python实现递归查找某个路径下所有文件中的中文字符
2019/08/31 Python
python多进程重复加载的解决方式
2019/12/13 Python
python编程进阶之异常处理用法实例分析
2020/02/21 Python
婚礼新郎父母答谢词
2014/01/16 职场文书
《桃花心木》教学反思
2014/02/17 职场文书
大学信息公开实施方案
2014/03/09 职场文书
大学新生军训自我鉴定
2014/03/18 职场文书
《春晓》教学反思
2014/04/20 职场文书
深入理解MySQL中MVCC与BufferPool缓存机制
2022/05/25 MySQL