1

我正在使用jQuery Validate并且遇到了重构问题。<li>我有一个基于下拉数字 创建 's 的 javascript 函数。

结果<li>'s 生成为：

<li class="person-information hide" style="display: list-item; ">
<!-- First Name -->
<input type="text" class="person-name-first error" name="person-name-first">
<!-- Last Name -->
<input type="text" class="person-name-last" name="person-name-last">
<!-- Age -->
<select class="person-age valid" name="person-age">
<option value="1">Infant/Toddler (1-3)</option>
<option value="2">Child (4-17)</option>
<option value="3">Adult (18+)</option>
</select>
</li>

然后我有我的验证规则，使用 addMethod 和 addClassRules

$.validator.addMethod("fNameRequired", $.validator.methods.required, "First Name Required");
$.validator.addMethod("fNameMinlength", $.validator.methods.minlength, $.format("First Name must have at least {0} characters"));
$.validator.addClassRules("person-name-first", { fNameRequired: true, fNameMinlength: 2 });

我的问题是，验证错误仅在生成的第一个元素上引发。因此，如果我有 5 个<li>带有 class 的"person-name-first"，它只会对未通过的第一个元素运行验证。这意味着低于该元素失败的元素不会添加“错误”类，直到它们被聚焦。

关于如何使其查看所有具有相同类失败的元素的任何想法？

4

0 回答 0