Question

我已经学习了如何使用jQuery validate插件。我有一个表格，其中包含一些我需要验证的表单字段。理想情况下，我希望每行在其下面都有一个额外的行，专门用于显示与其对应的错误消息。当然，我希望隐藏这些错误消息行，以便在需要显示错误消息时进行隐藏。

该插件的文档说：

当出现错误时，作为errorContainer给出的元素都会显示和隐藏。但是错误标签itselve被添加到作为errorLabelContainer
给出的元素中

所以我假设如果我向每个要添加错误的行添加“errorRow”类，并将这些行声明为errorContainers，那么它们将被隐藏。这对我不起作用，我不知道为什么。

这是一些简化的代码：

HTML：

<form id="myform">
<table>
<tr>
    <td class="appLabelColumn">
        <label>First name:</label>
    </td>
    <td class="appValueColumn">
        <input type="text" name="firstName" />
    </td>
</tr>
<tr id="errorRow">
    <td class="appLabelColumn">
        <label>Error:</label>
    </td>
    <td class="appValueColumn">

    </td>
</tr>
</table>
</form>

和jQuery：

$('#myform').validate({
            rules: {
                firstName: "required"
            },
            message: {
                firstName: "Please enter your first name."
            },
            errorPlacement: function(error, element) {
                error.appendTo( element.parent().next() );
            },
            errorLabelContainer: "#errorRow .appValueColumn",
            errorContainer: "#errorRow, #errorRow td"
});

任何想法？

非常感谢

jQuery验证插件 - 不隐藏errorContainer

0 个答案: