jquery validate - 组及其标签

Question

早上好

我使用 jquery 验证函数有一段时间了，它很棒。然而，想知道是否只有当组中的两个(或 3 或 4)个元素都正确时才可以清除组错误标签。例如，如果我在组中的名字和姓氏为空，则一旦我仅输入名字，错误就会消失。我知道我可以禁用 onfocusout 功能，但我宁愿不这样做。谢谢!

Answer 1

这确实看起来像 jQuery 验证中的错误(您可以提交错误 here )。要解决这个问题，您可以定义一个非常具体的自定义规则:

$.validator.addMethod("name", function(value, element) {
    return $("#firstname").val() !== '' && $("#lastname").val() !== '';
}, "Name is required");

并且仍然使用组功能:

$("form").validate({
    groups: {
        name: "firstname lastname"
    },
    firstname: "name",
    lastname: "name",
    errorPlacement: function(error, $element) {
        var name = $element.attr("name");
        if (name === "firstname" || name === "lastname") {
            error.insertAfter("#name");
        } else {
            error.insertAfter($element);
        }
    }
});

自定义规则感觉难以维护且很糟糕，因为如果您的字段id发生变化，您的验证就会中断。不过，它确实解决了这个问题。

这是一个示例:http://jsfiddle.net/Rqbws/