jQuery Validate 无法验证 chosen-select元素的解决方法

 更新时间:2017年05月17日 10:10:08   投稿:mrr  
这篇文章主要介绍了jQuery Validate 无法验证 chosen-select元素的解决方法,需要的朋友可以参考下

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 cdn使用介绍

    jQuery cdn使用介绍

    如果您不希望下载并存放jQuery,那么也可以通过 CDN(内容分发网络)引用它,下面是具体实现,有类似需求的各位可以参考下哈,希望对你有所帮助
    2013-05-05
  • jquery中通过过滤器获取表单元素的实现代码

    jquery中通过过滤器获取表单元素的实现代码

    通过过滤器可以获取特定的表单元素,如非输入项目或者单选按钮的已选项目等元素,可用的
    2011-07-07
  • jQuery实现切换页面布局使用介绍

    jQuery实现切换页面布局使用介绍

    在很多网站尤其在一些购物网站上,展示商品的列表页提供了许多商品,用户可以选择商品的展示方式如列表方式展示和橱窗方式展示等。在本例中,将给您讲述如何实现这种效果
    2011-10-10
  • jQuery元素的隐藏与显示实例

    jQuery元素的隐藏与显示实例

    这篇文章主要介绍了jQuery元素的隐藏与显示的方法,实例分析了hide与show的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery中过滤器的基本用法示例

    jQuery中过滤器的基本用法示例

    这篇文章主要介绍了jQuery中过滤器的基本用法,结合简单实例形式分析了jQuery过滤器针对table表格元素属性进行判断与设置的相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • jquery中ready()函数执行的时机和window的load事件比较

    jquery中ready()函数执行的时机和window的load事件比较

    这篇文章主要介绍了jquery中ready()函数执行的时机和window的load事件比较的相关资料,需要的朋友可以参考下
    2015-06-06
  • Jquery图形报表插件 jqplot简介及参数详解

    Jquery图形报表插件 jqplot简介及参数详解

    jqPlot是 一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且,jqPlot具有插件可扩展性 (Pluggability),你可以编写自己的图表样式
    2012-10-10
  • jquery通过ajax加载一段文本内容的方法

    jquery通过ajax加载一段文本内容的方法

    这篇文章主要介绍了jquery通过ajax加载一段文本内容的方法,是jQuery针对Ajax的灵活应用,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • jQuery队列操作方法实例

    jQuery队列操作方法实例

    这篇文章主要介绍了jQuery队列操作方法实例,总结出了一个简洁优雅的队列控制方法,需要的朋友可以参考下
    2014-06-06
  • jQuery实现的点击图片居中放大缩小功能示例

    jQuery实现的点击图片居中放大缩小功能示例

    这篇文章主要介绍了jQuery实现的点击图片居中放大缩小功能,涉及jQuery基于事件响应针对页面元素动态操作相关实现技巧,需要的朋友可以参考下
    2019-01-01

最新评论