jquery - 为复选框数组放置错误消息

Question

我正在使用 jQuery 的验证插件，它的效果非常好。除非我有一组复选框...错误消息将在第一个复选框之后显示...就像这样:

<tbody>
     <c:forEach items="${list}" var="item">
        <tr>
          <td align="center">
             <input type="checkbox" name="selectItems" value="<c:out value="${item.numberPlate}"/>" />
          </td>
          <!--some other columns-->
         </tr>
      </c:forEach>                       
</tbody>

------------------------------已编辑-------------- ------------

我发现我可以使用 errorPlacement ，但我不知道如何ONLY在表页脚或其他地方显示复选框数组的错误消息第二个字段集。

希望你能帮助我。

Answer 1

为什么不使用自定义验证方法？像这样的事情:

jQuery:

// The custom validation method, returns FALSE (invalid) if there are
// no checkboxes (with a .one_required class) checked
$.validator.addMethod("one_required", function() {
    return $("#myform").find(".one_required:checked").length > 0;
}, 'Please select at least one vehicle.');

$("#myform").validate({
    // Use the built-in errorPlacement function to place the error message
    // outside the table holding the checkboxes if they are the ones that
    // didn't validate, otherwise use the default placement.
    errorPlacement: function(error, element) {
        if ($(element).hasClass("one_required")) {
            error.insertAfter($(element).closest("table"));
        } else {
            error.insertAfter(element);
        }
    }
});

HTML:

<form id="myform">
    <!-- table, rows, etc -->
    <td align="center"><input type="checkbox" class="one_required" name="selectItems[]" value="NA245852" /></td>
    <td>NA245852</td>
    <!-- more rows, end table, etc -->
    <br/>
    <input type="submit" value="Go, baby !">
</form>

由于 jQuery Validate 插件还可以验证方法名称作为 class 存在的元素，因此只需在所有复选框上输出 .one_required 类即可。

查看working demo on JSFiddle有多个复选框。

编辑:

Here是您自己的代码，并实现了上述解决方案。

希望这有帮助!