带自定义方法的jQuery验证器

Question

我对jquery完全陌生，需要在我的表单中添加验证。我有一个选择框与3种类型的信用卡选项- Visa，万事达卡和美国运通。我还有一个用来在信用卡上输入安全代码的文本框。但是，只有在选择了美国运通的情况下，才需要安全代码。

选择框被命名为"cardtype“，文本框被命名为"securitycode”。

因此，如果选择了美国运通，但没有在安全代码文本框中输入任何内容，我希望当有人试图提交表单时，文本框下面会出现一个jQuery红色错误。

我知道它与validator.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"
 );

如果卡类型为美国运通卡，并且您尚未输入安全代码值，则无法继续。

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

securitycode  {
                 securitycode : true 
              },