Question

我是jquery的新手，需要在表单中添加验证。我有一个选择框，有3种类型的信用卡选项 - 维萨卡，万事达卡和美国运通卡。我还有一个文本框，用于在信用卡上输入安全代码。但是，仅在选择AMEX时才需要安全代码。

选择框名为“cardtype”，文本框名为“securitycode”

因此，如果选择了AMEX但未在安全码文本框中输入任何内容，我希望当有人尝试提交表单时，其中一个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"
 );

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

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

securitycode  {
                 securitycode : true 
              },

使用自定义方法的jQuery Validator

1 个答案: