jQuery的發現信用卡類型

Question

我發現這個簡單的函數返回的4種最常見的信用卡類型。

作爲新的jQuery的，什麼樣的jQuery插件我可以使用，以顯示信用卡類型，在一個輸入字段信用卡號碼的用戶類型？

function creditCardTypeFromNumber(num) { 
    // first, sanitize the number by removing all non-digit characters. 
    num = num.replace(/[^\d]/g,''); 
    // now test the number against some regexes to figure out the card type. 
    if (num.match(/^5[1-5]\d{14}$/)) { 
    return 'MasterCard'; 
    } else if (num.match(/^4\d{15}/) || num.match(/^4\d{12}/)) { 
    return 'Visa'; 
    } else if (num.match(/^3[47]\d{13}/)) { 
    return 'AmEx'; 
    } else if (num.match(/^6011\d{12}/)) { 
    return 'Discover'; 
    } 
    return 'UNKNOWN'; 
} 

謝謝！

Answer 1

$('#someTextBox').change(function() { 
    $('#someOutput').text(creditCardTypeFromNumber($(this).val())); 
}); 

這將輸出與id="someOutput"當用戶改變在元件id="someTextBox"其文本觸發文本框的結果的一些元件。

Answer 2

http://www.ihwy.com/labs/jquery-validate-credit-card-extension.aspx

http://docs.jquery.com/Plugins/Validation/Methods/creditcard

插件默認情況下，可能不會有卡確認您鍵入。擁有實時驗證，可以綁定在輸入字段，以便驗證每個鍵中風後做了一個簡單的keyup()。

Answer 3

此外，僅供參考，對this thread (link)答案有一定的正則表達式的其他類型的卡，以及信用卡號碼的真棒解釋。

這裏的，只有火後，便進入了至少6個位數（用於識別卡類型的）的函數：

$('#CardNumber').keyup(function(){ 
    if($(this).val().length >= 6){ 
     cardType = creditCardTypeFromNumber($(this).val()); 
    } 
}); 

Answer 4

jQuery的信用卡類型檢測插件https://github.com/christianreed/Credit-Card-Type-Detector

Answer 5

使用免費的BIN API服務如https://tripayments.com/bins/。提交第一個6，它會給出「細節卡產品」，這是VISA，萬事達卡等