jquery - 如何在一个元素上使用 errorPlacement

Question

我正在为表单使用 jQuery Validation 插件。当表单未经过验证时，我会收到正确的错误消息，我只想将它放在另一个位置。

现在错误标签显示在第一个复选框标签下（检查 1）。我想出现在#messageBox div 中。

这是我认为可行的....但它没有:(

html:

<div class="form_row">
<div class="buttonColumn">
<label><input type="checkbox" name="program[]" class="isChecked error">Check 1</label>
<label><input type="checkbox" name="program[]" class="isChecked error">Check 2</label>
<label><input type="checkbox" name="program[]" class="isChecked error">Check 3</label>
<label><input type="checkbox" name="program[]" class="isChecked error">Check 4</label>
</div>
<div id="messageBox"></div>

jQuery：

$('#custom_form').validate({
    rules: {
        "program[]": {
            required: true,
            minlength: 1,
        },
        errorPlacement: function(error, element) {
            if (element.attr("program[]") == "program[]") {
                error.appendTo('#messageBox');
            }
        },
        messages: {
            "program[]": "Please choose a program.",
        }
    });          

Answer 1

我认为如果你有问题。

element.attr("program[]") == "program[]" 应该是 element.attr("name") == "program[]"