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实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
jquery登录的异步验证操作示例
May 09 jQuery
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
Jquery使用each函数实现遍历及数组处理
Jul 14 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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
nodejs实现的一个简单聊天室功能分享
2014/12/06 NodeJs
js实现精确到秒的倒计时效果
2016/05/29 Javascript
AngularJS基础 ng-click 指令示例代码
2016/08/01 Javascript
JavaScript关联数组用法分析【概念、定义、遍历】
2017/03/15 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
详解angularjs实现echart图表效果最简洁教程
2017/11/29 Javascript
Node.js连接Sql Server 2008及数据层封装详解
2018/08/27 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python下10个简单实例代码
2017/11/15 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
Python箱型图处理离群点的例子
2019/12/09 Python
css3隔行变换色实现示例
2014/02/19 HTML / CSS
18-35岁旅游团的全球领导者:Contiki
2017/02/08 全球购物
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
理肤泉英国官网:La Roche-Posay英国
2019/01/14 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
C#中类(class)与结构(struct)的异同
2013/11/03 面试题
农村婚礼证婚词
2014/01/08 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
员工教育培训协议书
2014/09/27 职场文书
实习介绍信模板
2015/01/30 职场文书
golang连接MySQl使用sqlx库
2022/04/14 Golang