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 Tree Multiselect使用详解
May 02 jQuery
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
基于jquery的on和click的区别详解
Jan 15 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 jQuery
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 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
这部番真是良心,画质好到像风景区,剧情让人跟着小公会热血沸腾
2020/03/10 日漫
php 无法加载mcrypt.dll的解决办法
2013/04/03 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
bootstrap flask登录页面编写实例
2016/11/01 Javascript
Angular.JS读取数据库数据调用完整实例
2019/07/02 Javascript
微信小程序和H5页面间相互跳转代码实例
2019/09/19 Javascript
[40:03]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#1EHOME VS Archon
2016/03/02 DOTA
Python中函数的用法实例教程
2014/09/08 Python
python使用mysql的两种使用方式
2018/03/07 Python
人生苦短我用python python如何快速入门?
2018/03/12 Python
Python面向对象之类和对象属性的增删改查操作示例
2018/12/14 Python
解决Python中pandas读取*.csv文件出现编码问题
2019/07/12 Python
python打包成so文件过程解析
2019/09/28 Python
python实现飞机大战小游戏
2019/11/08 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
python 爬取疫情数据的源码
2020/02/09 Python
Python-opencv实现红绿两色识别操作
2020/06/04 Python
matplotlib基础绘图命令之imshow的使用
2020/08/13 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
HTML5实现多张图片上传功能
2016/03/11 HTML / CSS
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
JAVA和C++区别都有哪些
2015/03/30 面试题
质量工程师岗位职责
2013/11/16 职场文书
2014年大学宣传部工作总结
2014/12/19 职场文书
工人先进事迹材料
2014/12/26 职场文书
小学教师读书笔记
2015/07/01 职场文书
团拜会主持词
2015/07/04 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
乡镇团代会开幕词
2016/03/04 职场文书
人为什么会“幸灾乐祸”?
2019/08/06 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
Oracle笔记
2021/04/05 Oracle
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js