javascript - jQuery 验证 - 使用多个 errorLabelContainer

Question

我有一个包含四个不同字段集的表单。对于 jQuery 验证，我希望将每个字段集中的输入错误放置在特定字段集顶部的错误 block 中。例如:

<fieldset id="contact">
  <legend>Contact Information</fieldset>
  <ul id="errors_contact" class="messages"></ul>
  <!-- input elements -->
</fieldset>

<fieldset id="financial">
    <legend>Financial Information</legend>
    <ul id="errors_financial" class="messages"></ul>
    <!-- input elements -->
</fieldset>

这可以通过 jQuery 验证来完成吗？

Answer 1

它不能使用errorLabelContainer具体来说，有一个设置/存储 errorLabelContainer在代码中，但是您可以使用 the errorPlacement and wrapper options对于您想要的效果，例如:

$("form").validate({
  wrapper: "li",
  errorPlacement: function(label, elem) {
    elem.closest("fieldset").find(".messages").append(label);
  }
});

代替标准 .insertAfter() (通常将 <label> 放在它所伴随的元素之后)，这会将其包装在 <li></li> 中并将其附加到 .messages当前的容器 <fieldset> .