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获取table下某一行某一列的值实现代码
Apr 07 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
JQuery 又谈ajax局部刷新
Nov 27 jQuery
jQuery代码优化方法总结
Jan 29 jQuery
基于jQuery.i18n实现web前端的国际化
May 04 jQuery
菊花转动的jquery加载动画效果
Aug 19 jQuery
jQuery插件实现非常实用的tab栏切换功能【案例】
Feb 18 jQuery
jQuery each和js forEach用法比较
Feb 27 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jQuery实现日历效果
Sep 11 jQuery
jQuery-App输入框实现实时搜索
Nov 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
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
JavaScript基本编码模式小结
2012/05/23 Javascript
javascript框架设计之类工厂
2015/06/23 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
Javascript缓存API
2016/06/14 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
php中and 和 &&出坑指南
2018/07/13 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
vue+iview 兼容IE11浏览器的实现方法
2019/01/07 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
Nodejs技巧之Exceljs表格操作用法示例
2019/11/06 NodeJs
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
VueCli生产环境打包部署跨域失败的解决
2020/11/13 Javascript
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
python使用htmllib分析网页内容的方法
2015/05/08 Python
python 异常处理总结
2016/10/18 Python
Python使用asyncio包处理并发详解
2017/09/09 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
python模块导入的方法
2019/10/24 Python
Python是怎样处理json模块的
2020/07/16 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
python 自动识别并连接串口的实现
2021/01/19 Python
质检的岗位职责
2013/11/17 职场文书
经典大学生求职信范文
2014/01/06 职场文书
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
2014春晚主持词
2014/03/25 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
安全负责人任命书
2014/06/06 职场文书
关爱残疾人标语
2014/06/25 职场文书
2014年安全生产责任书
2014/07/22 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书