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异步提交表单实例
May 30 jQuery
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
jQuery插件Validation表单验证详解
May 26 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
jquery弹窗时禁止body滚动条滚动的例子
Sep 21 jQuery
jQuery 动画与停止动画效果实例详解
May 19 jQuery
jQuery实现推拉门效果
Oct 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页面间传递值和保持值的方法
2016/08/24 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
PHP错误提示It is not safe to rely on the system……的解决方法
2019/03/25 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
javascript算法学习(直接插入排序)
2011/04/12 Javascript
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
将HTML的左右尖括号等转义成实体形式的两种实现方式
2014/05/04 Javascript
js的touch事件的实际引用
2014/10/13 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
Bootstrap开发实战之响应式轮播图
2016/06/02 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
laypage.js分页插件使用方法详解
2019/07/27 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
vue实现购物车功能(商品分类)
2020/04/20 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12
2020/12/16 DOTA
python求素数示例分享
2014/02/16 Python
Python抓取京东图书评论数据
2014/08/31 Python
Python实现基于权重的随机数2种方法
2015/04/28 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
python Django的web开发实例(入门)
2019/07/31 Python
django实现用户注册实例讲解
2019/10/30 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
房产公证书范本
2014/04/10 职场文书
学生上课迟到检讨书
2015/01/01 职场文书
tp5使用layui实现多个图片上传(带附件选择)的方法实例
2021/11/17 PHP