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 sortable拖拽后保存位置
Apr 27 jQuery
jQuery自定义多选下拉框效果
Jun 19 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
jQuery插件实现弹性运动完整示例
Jul 07 jQuery
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
jquery实现有过渡效果的tab切换
Jul 17 jQuery
jquery实现简单自动轮播图效果
Jul 29 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
如何基于jQuery实现五角星评分
Sep 02 jQuery
jQuery实现图片切换效果
Oct 19 jQuery
jQuery实现鼠标拖动图片功能
Mar 04 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
做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)
2013/04/13 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
PHP利用Cookie设置用户30分钟未操作自动退出功能
2017/07/03 PHP
js中关于new Object时传参的一些细节分析
2011/03/13 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
使用javascript实现监控视频播放并打印日志
2015/01/05 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
JavaScript通过字符串调用函数的实现方法
2015/03/18 Javascript
在JavaScript中处理字符串之link()方法的使用
2015/06/08 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
vue实现同一个页面可以有多个router-view的方法
2018/09/20 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
Nodejs中使用puppeteer控制浏览器中视频播放功能
2019/08/26 NodeJs
解决layui-open关闭自身窗口的问题
2019/09/10 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
详解vue 组件的实现原理
2020/11/12 Javascript
[01:20]DOTA2更新全新英雄 天涯墨客现已加入游戏
2018/08/25 DOTA
python获取当前计算机cpu数量的方法
2015/04/18 Python
python画柱状图--不同颜色并显示数值的方法
2018/12/13 Python
Pandas 重塑(stack)和轴向旋转(pivot)的实现
2019/07/22 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
Python实现计算长方形面积(带参数函数demo)
2020/01/18 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
深入理解HTML5定时器requestAnimationFrame的使用
2018/12/12 HTML / CSS
猎人靴英国官网:Hunter Boots
2017/02/02 全球购物
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
财务部绩效考核方案
2014/05/04 职场文书
乡镇干部个人对照检查材料思想汇报(原创篇)
2014/09/28 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
戒赌保证书
2015/05/11 职场文书
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python