只需一点点的勺子喂养:

$("#CreditCardNumber").focusout(function () {


        var regVisa = /^4[0-9]{12}(?:[0-9]{3})?$/;
        var regMasterCard = /^5[1-5][0-9]{14}$/;
        var regAmex = /^3[47][0-9]{13}$/;
        var regDiscover = /^6(?:011|5[0-9]{2})[0-9]{12}$/;

        if (regVisa.test($(this).val())) {
            $("#CCImage").html("<img height='40px' src='@Url.Content("~/images/visa.png")'>");          

        }

        else if (regMasterCard.test($(this).val())) {
        $("#CCImage").html("<img height='40px' src='@Url.Content("~/images/mastercard.png")'>");

        }

        else if (regAmex.test($(this).val())) {

           $("#CCImage").html("<img height='40px' src='@Url.Content("~/images/amex.png")'>");

        }
         else if (regDiscover.test($(this).val())) {

           $("#CCImage").html("<img height='40px' src='@Url.Content("~/images/discover.png")'>");

        }
        else {
        $("#CCImage").html("NA");

        }

    });

信用卡/借记卡号码被称为PAN，或主要帐户号码。PAN的前六位数字取自属于开证行的IIN(或发证人识别号码)(IIN以前称为BIN -银行识别号码-因此您可能会在一些文件中看到该术语的引用)。这六位数字符合国际标准ISO/IEC 7812，可用于从数字中确定卡片的类型。

不幸的是，实际的ISO/IEC 7812数据库并不是公开的，但是，有一些非官方的列表，包括商业的和免费的，包括在维基百科上。

无论如何，为了从数字中检测类型，您可以使用如下所示的正则表达式

Visa: ^4[0-9]{6，}$ Visa卡号以4开头。

万事达卡:^5[1-5][0-9]{5，}|222[1-9][0-9]{3，}|22[3-9][0-9]{4，}|2[3-6][0-9]{5，}|27[01][0-9]{4，}|2720[0-9]{3，}$ 2016年之前，万事达卡号码从数字51到55开始，但这将只检测万事达卡信用卡;还有其他使用万事达卡系统发行的卡不属于这个IIN范围。2016年，他们将在222100-272099范围内增加数字。

^3[47][0-9]{5，}$美国运通卡号以34或37开头。

大莱俱乐部:^3(?:0[0-5]|[68][0-9])[0-9]{4}$大莱俱乐部卡号以300到305、36或38开头。大莱卡的开头是5，有16位数字。这是大莱俱乐部和万事达卡的合资企业，应该像万事达卡一样处理。

发现:^6(?:011|5[0-9]{2})[0-9]{3，}$发现卡号以6011或65开头。

JCB: ^(?:2131|1800|35[0-9]{3})[0-9]{3，}$ JCB卡以2131、1800或35开头。

不幸的是，万事达卡系统处理的一些卡类型不在万事达卡的IIN范围内(编号从51…55开始);最重要的例子是Maestro卡，其中许多都是从其他银行的IIN系列发行的，因此遍布整个数字空间。因此，最好假设任何不是你接受的其他类型的卡都必须是万事达卡。

重要提示:卡号长度不同;例如，Visa过去曾发行过13位pan和16位pan卡。Visa目前的文件显示，它可能发行或可能已经发行了12到19位数的数字。因此，您不应该检查卡号的长度，而应该验证它至少有7位数字(对于一个完整的IIN加上一个检查数字，它应该与Luhn算法预测的值匹配)。

进一步提示:在处理持卡人PAN之前，从输入中去掉任何空白和标点符号。为什么?因为分组输入数字通常要容易得多，类似于它们在实际信用卡正面的显示方式。

4444 4444 4444 4444

比正确输入容易得多吗

4444444444444444

因为用户输入了您不希望看到的字符而惩罚用户实际上没有任何好处。

这也意味着要确保输入字段至少有24个字符的空间，否则输入空格的用户将会耗尽空间。我建议你设置足够宽的字段以显示32个字符，并允许最多64个字符;这为扩张提供了充足的空间。

下面这张图可以让我们更深入地了解:

更新(2016):万事达卡将从Ach支付开始实施新的BIN范围。

匹配对应卡供应商的正则表达式规则:

(4\d{12}(?:\d{3})?) (5[1-5]\d{14}) (3[47]\d{13})为美国运通。 ((?: 5020 | 5038 | 6304 | 6579 | 6761) \ d {12} (?: \ \ d) ?)大师。 (3(?:0[0-5]|[68][0-9])[0-9]{11}) (6(?:011|5[0-9]{2})[0-9]{12})用于发现。 (35[2-8][89]\d\d\d{10})

Usman Y回答的Swift 2.1版本。 使用print语句来验证，因此调用某个字符串值

print(self.validateCardType(self.creditCardField.text!))

func validateCardType(testCard: String) -> String {

    let regVisa = "^4[0-9]{12}(?:[0-9]{3})?$"
    let regMaster = "^5[1-5][0-9]{14}$"
    let regExpress = "^3[47][0-9]{13}$"
    let regDiners = "^3(?:0[0-5]|[68][0-9])[0-9]{11}$"
    let regDiscover = "^6(?:011|5[0-9]{2})[0-9]{12}$"
    let regJCB = "^(?:2131|1800|35\\d{3})\\d{11}$"


    let regVisaTest = NSPredicate(format: "SELF MATCHES %@", regVisa)
    let regMasterTest = NSPredicate(format: "SELF MATCHES %@", regMaster)
    let regExpressTest = NSPredicate(format: "SELF MATCHES %@", regExpress)
    let regDinersTest = NSPredicate(format: "SELF MATCHES %@", regDiners)
    let regDiscoverTest = NSPredicate(format: "SELF MATCHES %@", regDiscover)
    let regJCBTest = NSPredicate(format: "SELF MATCHES %@", regJCB)


    if regVisaTest.evaluateWithObject(testCard){
        return "Visa"
    }
    else if regMasterTest.evaluateWithObject(testCard){
        return "MasterCard"
    }

    else if regExpressTest.evaluateWithObject(testCard){
        return "American Express"
    }

    else if regDinersTest.evaluateWithObject(testCard){
        return "Diners Club"
    }

    else if regDiscoverTest.evaluateWithObject(testCard){
        return "Discover"
    }

    else if regJCBTest.evaluateWithObject(testCard){
        return "JCB"
    }

    return ""

}

Stripe提供了这个很棒的javascript库来检测卡片方案。让我添加一些代码片段，并向您展示如何使用它。

首先包括它到你的网页作为

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.2.3/jquery.payment.js " ></script>

其次，利用功能cardType来检测卡片方案。

$(document).ready(function() {              
            var type = $.payment.cardType("4242 4242 4242 4242"); //test card number
            console.log(type);                                   
}); 

这里有更多示例和演示的参考链接。

Stripe博客的jquery.payment.js Github库

另一个api解决方案在rapidapi银行卡位数检查有250K+发行卡类型。

只有一个GET rest api请求，并获得发卡机构信息，如:

{ "bin_number": 535177, "bank": "Finansbank A.S.", "scheme": "MASTERCARD", "type": "Debit", "country": "Turkey" }