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实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
Jun 01 jQuery
jquery dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
JQuery 又谈ajax局部刷新
Nov 27 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery实现ajax的嵌套请求案例分析
Feb 16 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 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动态生成JavaScript代码
2009/03/09 PHP
php setcookie(name, value, expires, path, domain, secure) 参数详解
2013/06/28 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
php微信公众号开发之二级菜单
2018/10/20 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
2013/05/21 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
jQuery实现数字加减效果汇总
2014/12/16 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
学习JavaScript设计模式(单例模式)
2015/11/26 Javascript
去除html代码里面的script正则方法
2016/05/19 Javascript
jQuery模仿单选按钮选中效果
2016/06/24 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
2017/08/23 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
Vue实现手机扫描二维码预览页面效果
2020/05/28 Javascript
JS实现时间校验的代码
2020/05/25 Javascript
python抓取网页图片示例(python爬虫)
2014/04/27 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
python时间序列按频率生成日期的方法
2019/05/14 Python
Python3匿名函数lambda介绍与使用示例
2019/05/18 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
在python下实现word2vec词向量训练与加载实例
2020/06/09 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
web页面录屏实现
2019/02/12 HTML / CSS
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
为什么要有struct关键字
2012/05/08 面试题
幼儿园消防安全制度
2014/01/26 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
考试作弊万能检讨书
2014/10/19 职场文书