jQuery验证器与自定义方法

Question

我是一个全新的jquery和需要添加验证到我的表单。我有一个选择框，有3种类型的信用卡选项- Visa, Mastercard和AMEX。我还有一个输入信用卡安全码的文本框。但是，只有在选择AMEX时才需要安全码。

选择框命名为"cardtype"，文本框命名为"securitycode"

如果选择了AMEX，但是没有在securitycode文本框中输入任何内容，我希望当有人试图提交表单时，这些jQuery红色错误之一出现在文本框下方。

我知道它与验证器有关。addMethod，但不知道如何开始将其添加到我的main.js文件。

Answer 1

$.validator.addMethod("securitycode", 
           function(value, element) {
                  var card_type = $("input[name='cardtype']").val();
                  if(card_type == "AMEX" && !$.trim(value) ) {
                          return false;
                   }
                   else {
                          return true;
                   }
             },    
             "Please ad the security code"
 );

如果卡类型为AMEX，而您没有输入安全码值，则无法继续。

在您的验证规则中，调用自定义验证器，如

securitycode  {
                 securitycode : true 
              },