jQuery Validation Plugin不验证隐藏div中的字段

Question

我有以下div块，我正在尝试使用jQuery验证插件进行验证

<div class="row" id="signupaddress1" hidden>
    <label for="id-31"><span>Address 1:</span><span class="mark">*</span></label>
    <input type="text" class="required" id="id-31" name="address1"/>
</div>

然后使用

$("#form").validate(...); 

验证表单。但如果隐藏此div，则在验证时似乎忽略该字段。表单使用邮政编码查找来填充地址字段，然后在填充此字段时显示div，但结果，如果只输入邮政编码，则可以提交表单而无需验证address1包含任何内容。

Answer 1

我猜你正在使用新的验证器插件，它默认忽略隐藏字段。要覆盖它只是使用它，它将起作用。

ignore:""

您可以参考Github仓库进行更改Changeset

Answer 2

你告诉jQuery验证表单，但你的表单标签在哪里，你应该做这样的事情

<form><div class="row" id="signupaddress1" hidden>
<label for="id-31"><span>Address 1:</span><span class="mark">*</span></label>
<input type="text" class="required" id="id-31" name="address1"/></div></form>

而不是

$("form").validate(...);