jquery验证器插件与display:none表单元素

前端之家收集整理的这篇文章主要介绍了jquery验证器插件与display:none表单元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用的是验证器插件,找到了 here来验证一个表单.

我遇到的问题是如果我在表单输入元素中放置以下内容,验证失败:

<div style="display:none;"><input type="text" name="test" /></div>

我需要这个,因为我使用其他UI控件层的输入元素,不希望它们可见.

它适用于内联和块元素,但我需要它隐藏.有没有办法绕过这个?

感谢任何反馈

更新:

我主要使用django验证选择选项字段(即:{{form.select_option_element}})

如此有效:

<div style="display:none;">
    {{form.select_option_element}}
</div>

…不行

发布后,我似乎用以下解决方法

<div style="visibility: hidden; height: 0;">
     {{form.select_option_element}}
</div>

然后让我验证该字段.

解决方法

从1.9.0的更改日志:
  • Fixed #189 – :hidden elements are now ignored by default

要简单地执行以下操作来重新启动它:

$(document).ready(function(){    
    $.validator.setDefaults({
        ignore: []
    });
});

代码调用实际的验证插件之前,请确保出现这种情况.

我希望这有帮助!

原文链接:https://www.f2er.com/jquery/180607.html

猜你在找的jQuery相关文章