如何在一个元素上使用errorPlacement

时间:2012-07-19 18:46:17

标签: jquery forms validation jquery-validate

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

现在,错误标签显示在第一个复选框标签下(Check 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.",
        }
    });          

1 个答案:

答案 0 :(得分:1)

我觉得如果你有问题。

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