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 19 jQuery
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
Oct 10 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
详解jQuery如何实现模糊搜索
May 10 jQuery
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 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
thinkphp中html:list标签传递多个参数实例
2014/10/30 PHP
php使用pdo连接sqlite3的配置示例
2016/05/27 PHP
PHP插件PHPMailer发送邮件功能
2017/02/28 PHP
PHP替换Word中变量并导出PDF图片的实现方法
2020/11/26 PHP
使用jquery hover事件实现表格的隔行换色功能示例
2013/09/03 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
JavaScript生成随机字符串的方法
2015/03/19 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
2018/06/29 Javascript
jQuery实现table表格信息的展开和缩小功能示例
2018/07/21 jQuery
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
在Python中操作字典之update()方法的使用
2015/05/22 Python
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
python 读取文本文件的行数据,文件.splitlines()的方法
2018/07/12 Python
Django学习笔记之为Model添加Action
2019/04/30 Python
python绘制封闭多边形教程
2020/02/18 Python
简单了解Python write writelines区别
2020/02/27 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
解决python3.x安装numpy成功但import出错的问题
2020/11/17 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
俄罗斯购买内衣网站:Trusiki
2020/08/22 全球购物
优纳科技软件测试面试题
2012/05/15 面试题
机电工程专业应届生求职信
2013/10/03 职场文书
大学生自我鉴定
2013/12/16 职场文书
小学教师节活动方案
2014/01/31 职场文书
社团活动总结范文
2014/04/26 职场文书
外联部演讲稿
2014/05/24 职场文书
家长给老师的感谢信
2015/01/20 职场文书
如何写好开幕词?
2019/06/24 职场文书