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动态追加页面数据以及事件委托详解
May 06 jQuery
jquery replace方法去空格
May 08 jQuery
jquery仿京东商品放大浏览页面
Jun 06 jQuery
jquery.validate.js 多个相同name的处理方式
Jul 10 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
vue-cli webpack 引入jquery的方法
Jan 10 jQuery
如何用input标签和jquery实现多图片的上传和回显功能
May 16 jQuery
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
jQuery实现全选按钮
Jan 01 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截取后台登陆密码的代码
2012/05/05 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
php输出指定时间以前时间格式的方法
2015/03/21 PHP
php构造函数与析构函数
2016/04/23 PHP
Laravel validate error处理,ajax,json示例
2019/10/25 PHP
jQuery 使用手册(二)
2009/09/23 Javascript
js类的静态属性和实例属性的理解
2009/10/01 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
2013/11/22 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
2014/03/18 Javascript
30个经典的jQuery代码开发技巧
2014/12/15 Javascript
JavaScript中的alert()函数使用技巧详解
2014/12/29 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
2017/03/30 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
vuejs+element UI table表格中实现禁用部分复选框的方法
2019/09/20 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散
2016/11/30 DOTA
python BeautifulSoup设置页面编码的方法
2015/04/03 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
Python使用googletrans报错的解决方法
2018/09/25 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
html5的canvas元素使用方法介绍(画矩形、画折线、圆形)
2014/04/14 HTML / CSS
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
测绘工程专业个人自我评价
2013/12/01 职场文书
高一政治教学反思
2014/01/28 职场文书
《手指教学》反思
2014/02/14 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
春晚观后感
2015/06/11 职场文书
在校生证明
2015/06/17 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
学校运动会通讯稿
2015/07/18 职场文书
简单聊一聊SQL注入及防止SQL注入
2022/03/23 MySQL