jQuery中的条件验证

Question

我有两种方法来验证邮政编码。

我有国家列表框，如果我选择美国，我需要使用usazipRegex方法进行验证，或者如果我选择加拿大，则需要使用canadazipRegex进行验证。 假设我只选择我需要的所需的其他任何国家

//USA zipcode validation methode 
jQuery.validator.addMethod("usazipRegex", function(value, element) {
        return this.optional(element) || /^[0-9]{5}(?:-[0-9]{4})?$/i.test(value);
    }, "You must enter your postal code in this format: #####-####");


//Canada zipcode validation methode 
jQuery.validator.addMethod("canadazipRegex", function(value, element) {
        return this.optional(element) || /^[ABCEGHJ-NPRSTVXY]{1}[0-9]{1}[ABCEGHJ-NPRSTV-Z]{1}[ ]?[0-9]{1}[ABCEGHJ-NPRSTV-Z]{1}[0-9]{1}$/i.test(value);
    }, "You must enter your postal code in this format: A#A  #A#");

验证插件http://bassistance.de/

我该怎么办。建议我！

Answer 1

您可以在更改国家/地区时在输入上切换CSS class ，然后使用addClassRules( name, rules ) ，如下所示：

jQuery.validator.addClassRules("usa", {
  required: true,
  minlength: 10,
  usazipRegex: true
});

jQuery.validator.addClassRules("canada", {
  required: true,
  minlength: 8,
  canadaPostalCodeRegex: true
});

与jQuery.validator.addMethod结合使用以添加自定义验证器usazipRegex和canadaPostalCodeRegex 。