带显示的 jquery 验证器插件 :none form elements

Question

我正在使用发现的验证器插件 here验证表单。

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

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

我需要这个，因为我正在使用其他 UI 控制层作为输入元素，并且不希望它们可见。

它适用于内联和 block 元素，但我需要将其隐藏。有什么办法可以解决这个问题吗？

感谢您的反馈

更新:

我主要使用 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 Validate 的 1.9.0 变更日志:

• Fixed #189 - :hidden elements are now ignored by default

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

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

确保在调用代码中的实际验证插件之前出现此内容。

希望这会有所帮助!