jQuery表单验证：定义容器的错误

我正在使用jQuery验证插件验证我的表单.它工作(放置错误消息,旁边的无效输入,这拧紧了我的设计),但我想为每个输入字段指定错误容器.我发现了errorLabelContainer,但这会将所有错误放在一个容器中.

让我们说,我有2个输入,一个是id名字,一个是名字.我们还假设我有2个错误跨度,其中包含ids errorName和errorFirstname.如何告诉jQuery将名称的验证错误写入带有id errorName的span中.

这是我目前的jQuery：

$("#form").validate({
    errorLabelContainer: "#errors",rules: {
            name: {
                required: true
            },firstname: {
                required: true
            }
        },messages: {
            name: {
                required: "Enter name"
            },firstname: {
                required: "Enter firstname"
            }
        }
    })

解决方法

我认为errorPlacement选项适合您的需要：

Customize placement of created error labels. First argument: The created error label as a jQuery object. Second argument: The invalid element as a jQuery object.

您可以根据无效元素确定要放置错误的元素：

$("#form").validate({
    rules: {
        name: {
            required: true
        },firstname: {
            required: true
        }
    },messages: {
        name: {
            required: "Enter name"
        },firstname: {
            required: "Enter firstname"
        }
    },errorPlacement: function ($error,$element) {
        var name = $element.attr("name");

        $("#error" + name).append($error);
    }
});

示例：http://jsfiddle.net/R3aEQ/