带有display:none表单元素的jquery验证器插件

Question

我正在使用此处的验证器插件来验证表单.

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

<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>

然后它允许我验证该字段.

Answer 1

从jQuery验证的1.9.0更改日志:

• 已修复#189 - :隐藏元素现在默认被忽略

要重新打开它,只需执行以下操作:

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

在您的代码中调用实际验证插件之前,请确保显示此内容.

我希望这有帮助!