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 UI Grid 模态框中的表格实例代码
Apr 01 jQuery
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
jquery中为什么能用$操作
Jun 18 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 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
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
PHP的时间戳与具体时间转化的简单实现
2016/06/13 PHP
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
2012/07/31 Javascript
js获取或设置当前窗口url参数的小例子
2013/10/14 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
基于javascript制作微博发布栏效果
2016/04/04 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
Vue插件打包与发布的方法示例
2018/08/20 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
python求最大连续子数组的和
2018/07/07 Python
python 产生token及token验证的方法
2018/12/26 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
对pyqt5多线程正确的开启姿势详解
2019/06/14 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
Python map及filter函数使用方法解析
2020/08/06 Python
详解如何使用Pytest进行自动化测试
2021/01/14 Python
python爬虫scrapy框架之增量式爬虫的示例代码
2021/02/26 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
美国最受欢迎的童装品牌之一:The Children’s Place
2016/07/23 全球购物
PREMIUM-MALL法国:行李、箱包及配件在线
2019/05/30 全球购物
施华洛世奇波兰官网:SWAROVSKI波兰
2019/06/18 全球购物
四个太阳教学反思
2014/02/01 职场文书
草船借箭教学反思
2014/02/03 职场文书
好学生评语大全
2014/05/05 职场文书
奉献演讲稿范文
2014/05/21 职场文书
企业读书活动总结
2014/06/30 职场文书
计算机专业自荐信范文
2015/03/26 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python