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实现图片平滑滚动详解
Mar 22 jQuery
jQuery实现html双向绑定功能示例
Oct 09 jQuery
jquery实现楼层滚动效果
Jan 01 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
jquery图片预览插件实现方法详解
Jul 18 jQuery
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
jQuery实现动态向上滚动
Dec 21 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/04/09 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
php正则替换处理HTML页面的方法
2015/06/17 PHP
在Mac OS上自行编译安装Apache服务器和PHP解释器
2015/12/24 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
全面解析PHP操作Memcache基本函数
2016/07/14 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
PHP使用ActiveMQ实现消息队列的方法详解
2019/05/31 PHP
event.srcElement+表格应用
2006/08/29 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
15款最好的Bootstrap在线编辑器
2016/08/03 Javascript
js canvas仿支付宝芝麻信用分仪表盘
2016/11/16 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
2019/06/14 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
python批量从es取数据的方法(文档数超过10000)
2018/12/27 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
CSS3五个技巧给你的网站带来出色的效果
2009/04/02 HTML / CSS
Html5实现文件异步上传功能
2017/05/19 HTML / CSS
HTML5中外部浏览器唤起微信分享
2020/01/02 HTML / CSS
Canal官网:巴西女性时尚品牌
2019/10/16 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
财产公证书格式
2014/04/10 职场文书
勤俭节约倡议书
2014/04/14 职场文书
高中生操行评语
2014/04/25 职场文书
第二批党的群众路线教育实践活动总结报告
2014/10/30 职场文书
2014年设备管理工作总结
2014/11/26 职场文书
人事专员岗位职责
2015/02/03 职场文书
自主招生专家推荐信
2015/03/26 职场文书
Java使用Unsafe类的示例详解
2021/09/25 Java/Android