Determine the card type based on the card number

Question

Determine the card type based on the card number

My array of card types is structured like this:

var cards = new Array();
cards [0] = {name: "VISA", length: "13,16", prefixes: "4", checkdigit: true};
cards [1] = {name: "VISA_DELTA/ELECTRON", length: "16", prefixes: "417500,4917,4913",     checkdigit: true};

I want to be able to identify the card type based on the entered credit card number. For instance, if a user selects "VISA" from a dropdown list, the card number should start with 4. If not, display a message asking the user to change the card type before submitting the form. Any assistance on this matter would be greatly appreciated.

The ID for the card number text field is CardNumber. I also have functions named Validate for form validation and Calculate for performing the Luhn check.

javascript credit-card luhn

Answer 1

Answer №1

Here is a helpful code snippet that can assist you in determining the type of credit card:

<script type="text/javascript">
function GetCardType(number)
{
    // visa
    var re = new RegExp("^4");
    if (number.match(re) != null)
        return "Visa";

    // Mastercard 
    // Updated for Mastercard 2017 BINs expansion
     if (/^(5[1-5][0-9]{14}|2(22[1-9][0-9]{12}|2[3-9][0-9]{13}|[3-6][0-9]{14}|7[0-1][0-9]{13}|720[0-9]{12}))$/.test(number)) 
        return "Mastercard";

    // AMEX
    re = new RegExp("^3[47]");
    if (number.match(re) != null)
        return "AMEX";

    // Discover
    re = new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)");
    if (number.match(re) != null)
        return "Discover";

    // Diners
    re = new RegExp("^36");
    if (number.match(re) != null)
        return "Diners";

    // Diners - Carte Blanche
    re = new RegExp("^30[0-5]");
    if (number.match(re) != null)
        return "Diners - Carte Blanche";

    // JCB
    re = new RegExp("^35(2[89]|[3-8][0-9])");
    if (number.match(re) != null)
        return "JCB";

    // Visa Electron
    re = new RegExp("^(4026|417500|4508|4844|491(3|7))");
    if (number.match(re) != null)
        return "Visa Electron";

    return "";
}
</script>

You can find the original source of this code here.

Answer 2

Here is a helpful code snippet that can assist you in determining the type of credit card:

<script type="text/javascript">
function GetCardType(number)
{
    // visa
    var re = new RegExp("^4");
    if (number.match(re) != null)
        return "Visa";

    // Mastercard 
    // Updated for Mastercard 2017 BINs expansion
     if (/^(5[1-5][0-9]{14}|2(22[1-9][0-9]{12}|2[3-9][0-9]{13}|[3-6][0-9]{14}|7[0-1][0-9]{13}|720[0-9]{12}))$/.test(number)) 
        return "Mastercard";

    // AMEX
    re = new RegExp("^3[47]");
    if (number.match(re) != null)
        return "AMEX";

    // Discover
    re = new RegExp("^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)");
    if (number.match(re) != null)
        return "Discover";

    // Diners
    re = new RegExp("^36");
    if (number.match(re) != null)
        return "Diners";

    // Diners - Carte Blanche
    re = new RegExp("^30[0-5]");
    if (number.match(re) != null)
        return "Diners - Carte Blanche";

    // JCB
    re = new RegExp("^35(2[89]|[3-8][0-9])");
    if (number.match(re) != null)
        return "JCB";

    // Visa Electron
    re = new RegExp("^(4026|417500|4508|4844|491(3|7))");
    if (number.match(re) != null)
        return "Visa Electron";

    return "";
}
</script>

You can find the original source of this code here.

Answer 3

Answer №2

Check out this amazing jQuery plugin specifically designed for this purpose:

For a detailed discussion on how credit card numbers are linked to card types, take a look at this insightful StackOverflow answer:

Answer 4

Check out this amazing jQuery plugin specifically designed for this purpose:

For a detailed discussion on how credit card numbers are linked to card types, take a look at this insightful StackOverflow answer:

Answer 5

Answer №3

Card companies have specific prefixes assigned to each card type.

These prefixes can range from a single digit (all starting with '5' are Mastercard) to longer strings of up to six or seven digits for more uncommon card types. They can also help identify the issuing bank.

One helpful resource I came across is:

You might also find Wikipedia useful: http://en.wikipedia.org/wiki/Credit_card_numbers

The challenge is that although the current prefixes are fairly consistent, there's always a chance that new ones will be introduced. It's important to keep your prefix list updated, especially if you're using it to check longer ranges of prefixes.

Answer 6

Card companies have specific prefixes assigned to each card type.

These prefixes can range from a single digit (all starting with '5' are Mastercard) to longer strings of up to six or seven digits for more uncommon card types. They can also help identify the issuing bank.

One helpful resource I came across is:

You might also find Wikipedia useful: http://en.wikipedia.org/wiki/Credit_card_numbers

The challenge is that although the current prefixes are fairly consistent, there's always a chance that new ones will be introduced. It's important to keep your prefix list updated, especially if you're using it to check longer ranges of prefixes.

Answer 7

Answer №4

The card prefix system is outlined in lists of BIN (bank identification number) and is subject to frequent changes. I would recommend avoiding validation based on the complete first 6 digits of the PAN unless you are willing to regularly update your data, and instead focus on a basic check of the initial couple of digits (e.g., the missing 48* for Visa/Electron, which can range from 16 to 19 digits in length).

If you are located in the United Kingdom, you can refer to this link for more information.

Answer 8

The card prefix system is outlined in lists of BIN (bank identification number) and is subject to frequent changes. I would recommend avoiding validation based on the complete first 6 digits of the PAN unless you are willing to regularly update your data, and instead focus on a basic check of the initial couple of digits (e.g., the missing 48* for Visa/Electron, which can range from 16 to 19 digits in length).

If you are located in the United Kingdom, you can refer to this link for more information.

Determine the card type based on the card number

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

The HTML required attribute seems to be ineffective when using AJAX for form submission

What could be causing my if-else statement to malfunction in JavaScript?

Does every controller page need to verify the Login Function?

Issue with webcomponents-lite.js file

The search function in Select2 is not displaying the desired result

Generating numerous circular elements for each item in the dataset using D3

Localizing Dates in JavaScript

JavaScript for validating forms in PHP

Determine the number of stored values in a specific key by utilizing stringify within localstorage

What is the best way to establish a default selection in Angular?

Issue with the positioning of the datepicker is not functioning properly

Utilize viewport activation to determine browser width

Verify optional chaining support in Angular app for browsers

What is the process for creating two columns with an input box beneath them?

Updating Input Field with AngularJS Date Format During Input Field Change

Is it possible to incorporate knockout.js within a Node.js environment by utilizing .fn extensions in custom modules?

Instructions for transforming rows into columns in JSON format

Discovering repeated values and verifying the value range within table columns can be achieved through the use

cssclassName={ validatorState === RIGHT ? 'valid' : 'invalid' }

Angular's onreadystatechange event is triggered when the state