jquery - 通过分组向 validate() 添加规则

Question

表格位于: http://fuzzysiberians.com/app4.cfm?a=1

我正在使用:

$('#sec_ssn3').rules("add", {
    groups: {
        ssn:"sec_ssn1 sec_ssn2 sec_ssn3"
    }, 
    required:true,
    number: true,
    messages: {
        required: " <span style='color:red;'>Please enter co-applicant's social security number</span>"
    }
});

如果选中共同申请人复选框，我会要求提供共同申请人的社会安全号码。分组有点有效，但我如何摆脱重复的错误消息？输入数字后，最后一个甚至不会消失。主申请人的 ssn 效果很好。在主 validate() 函数上，我添加了:

errorPlacement: function(error, element) {
    if (element.attr("name") == "ssn1" || element.attr("name") == "ssn2" || element.attr("name") == "ssn3" )
        error.insertAfter("#ssn3");
    else if (element.attr("name") == "sec_ssn1" || element.attr("name") == "sec_ssn2" || element.attr("name") == "sec_ssn3" )
        error.insertAfter("#sec_ssn3");
    else 
        error.insertAfter(element); 
}

出于某种原因，它不喜欢那样。

Answer 1

查看文档 ( http://docs.jquery.com/Plugins/Validation/validate#options ) 可能有更好的方法来设置规则。

上面链接的示例:

$(".selector").validate({
   rules: {
     contact: {
       required: true,
       email: {
         depends: function(element) {
           return $("#contactform_email:checked")
         }
       }
     }
   }
});

使用“depends”选项，您可以根据选中的 coApp 复选框设置对元素的验证。尝试将所有规则移至 .validate() 并添加

取决于: function(element){ return $("#coApp").is(":checked"); }

用于所有共同申请人的验证。

尝试一下并告诉我。

不要忘记重新验证/解析服务器端!