jQuery验证器信用卡号码+类型匹配

Question

尝试添加一个customer jQuery验证器方法，该方法基本上检查卡类型和信用卡号的有效性。

即。如果类型是MasterCard，如果卡号不是以5开头，则无效；如果类型是Visa卡，如果卡号不是以4开头，则无效。我的公司只收取MC或Visa的费用，所以不需要其他的。

$.validator.addMethod("CCNumber", function(value, element, param) {
  if (param == "MasterCard") {
    return value.substring(0,1) != 5;   
  }
  else if (param == "Visa") {
    return value.substring(0,1) != 4;   
  }
});

在这里调用它：

cardnumber: {
  required: true,
  creditcard: true,
  minlength: 13,
  maxlength: 16,
  digits: true,
  CCNumber: function(){ return $('#cardtype').val(); }
},

信息是..。

cardnumber: {
  required: "Please enter a valid credit card number",
  minlength: "Please enter a valid credit card number",
  maxlength: "Please enter a valid credit card number",
  digits: "Your credit card number cannot contain spaces.",
  CCNumber: "WRONG"
},

最后，HTML：

<select name="cardtype" id="cardtype">
  <option value="MasterCard">MasterCard</option>
  <option value="Visa">Visa</option>
</select>

我以前从未编写过jQuery方法，但这里什么都没有发生。我不完全确定我做错了什么，因为我尝试过其他方法，但没有找到任何东西。

Answer 1

对于这样的事情，jQuery Validation plugin已经有了其他可用的方法。

以下是"Additional Methods" file中使用的默认方法，但随后仅对Visa卡和万事达卡进行了向下编辑。

jQuery.validator.addMethod("creditcardtypes", function(value, element, param) {
    if (/[^0-9-]+/.test(value)) {
        return false;
    }

    value = value.replace(/\D/g, "");

    var validTypes = 0x0000;

    if (param.mastercard)
        validTypes |= 0x0001;
    if (param.visa)
        validTypes |= 0x0002;

    if (validTypes & 0x0001 && /^(5[12345])/.test(value)) { //mastercard
        return value.length == 16;
    }
    if (validTypes & 0x0002 && /^(4)/.test(value)) { //visa
        return value.length == 16;
    }
    return false;
}, "Please enter a valid credit card number.");

Answer 2

sub()不是javascript函数。您要查找的函数是substring()。不过，更简单的方法是charAt(0)，因为只需要第一个字符。