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简单绑定单个事件的方法示例
Jun 10 jQuery
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
JQuery判断正整数整理小结
Aug 21 jQuery
jQuery事件对象的属性和方法详解
Sep 09 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
jQuery插件Validation表单验证详解
May 26 jQuery
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 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
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
php输入数据统一类实例
2015/02/23 PHP
php生成4位数字验证码的实现代码
2015/11/23 PHP
AJAX的使用方法详解
2017/04/29 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
javascript 面向对象编程  function是方法(函数)
2009/09/17 Javascript
简单几行JS Code实现IE邮件转发新浪微博
2013/07/03 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
js选择并转移导航菜单示例代码
2014/08/19 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
详解AngularJS之$window窗口对象
2018/01/17 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
vue+element创建动态的form表单及动态生成表格的行和列
2019/05/20 Javascript
微信小程序后端(java)开发流程的详细步骤
2019/11/13 Javascript
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
Python实现的求解最大公约数算法示例
2018/05/03 Python
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
Python3 串口接收与发送16进制数据包的实例
2019/06/12 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
Python多线程通信queue队列用法实例分析
2020/03/24 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
意大利体育用品网上商城:Nencini Sport
2016/08/18 全球购物
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
关于幼儿的自我评价
2013/12/18 职场文书
出生医学证明样本
2014/01/17 职场文书
情侣吵架检讨书
2014/02/05 职场文书
导师就业推荐信范文
2014/05/22 职场文书
生日庆典策划方案
2014/06/02 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
公司与个人合作协议书
2016/03/19 职场文书