千家信息网

jQuery Validate无法验证chosen-select元素如何解决

发表于:2024-12-13 作者:千家信息网编辑
千家信息网最后更新 2024年12月13日,这篇文章主要介绍"jQuery Validate无法验证chosen-select元素如何解决"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"jQuery Va
千家信息网最后更新 2024年12月13日jQuery Validate无法验证chosen-select元素如何解决

这篇文章主要介绍"jQuery Validate无法验证chosen-select元素如何解决"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"jQuery Validate无法验证chosen-select元素如何解决"文章能帮助大家解决问题。

chosen-select元素执行了chosen()方法后,为select元素加上了进行隐藏,然后重新构造了一个看起来像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元素如何解决"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

0