Question

我有一个使用验证插件的表单，但我需要使用稍微不同的标准验证表单的单独部分 - 大多数字段将错误放在下一个表格单元格中，但是对于一个字段我需要错误放在别的地方。

这是主表单字段的验证功能：

jQuery("#form2").validate({
    rules: {
        street: {
            required: true,
            minlength: 5
        },
        city: {
            required: true,
            minlength: 3
        },
        state: {
            required: true
        },
        zip: {
            required: true,
            minlength: 5
        }
    },
    messages: {
        street: {
            required: "Please enter your address",
            minlength: "Address is too short"
        },
        city: {
            required: "Please enter your town/city",
            minlength: "Town/City is too short"
        },
        state: {
            required: "Please enter your county"
        },
        zip: { 
            required: "Please enter your postcode",
            minlength: "Postcode is too short"
        }
    },
    errorPlacement: function(error, element) {
            error.appendTo(element.parent("td").next("td"));
    }
}); // end validate

基本上我也想单独验证这个字段集，因此errorPlacement可以使用不同的值：

    jQuery("#elecfields").validate({
    rules: {
        sup1: {
            minlength: 2
        }
    },
    messages: {
        sup1: {
            minlength: "must be 2 digits"
        }
    },
    errorPlacement: function(error, element)
    {
        // different error placement is needed here
    }

}); // end elecfields validate

elecfields是form2中的一个字段集 - 但这似乎不起作用。

似乎errorPlacement必须应用于表单中的所有字段，但我只需要一个需要将错误放在其他位置的字段。有关如何实现这一点的任何想法？非常感谢任何帮助。

Answer 1

你是对的。 errorPlacement处理程序确实适用于整个表单，但您也可以在其中使用逻辑来在某些情况下以不同方式处理错误。例如，您可以查看元素属性direclty并查看有问题的项目，或者您可以根据公共父项过滤它们 - 在您的情况下是字段集。例如：

$("#form").validate({
    /* */
    errorPlacement: function(error, element)
    {
        if( element.closest("#subFieldSet").length ) {
            /* special handling */
        } else {
            /* generic handling */
            error.insertAfter(element);
        }
    }
});

Answer 2

如何为不同的部分使用多个表单？

这样你可以对不同的表单有不同的规则，而且你不会搞乱errorPlacement选项。

你能使用来自bassassistance的jquery验证插件单独验证字段集吗？

2 个答案: