Jquery find credit card type

Question

Encontré esta sencilla función para devolver los 4 tipos de tarjetas de crédito más comunes.

Siendo nuevo en jQuery, ¿qué plugin jQuery puedo usar para mostrar el tipo de tarjeta de crédito cuando un usuario ingresa un número de tarjeta de crédito en un campo de entrada?

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'; 
} 

¡Gracias!

Answer 1

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

Esta salida voluntad en algún elemento con id="someOutput" el resultado del cuadro de texto que dispara cuando el usuario cambia el texto en el elemento id="someTextBox".

Answer 2

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

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

plugins por defecto pueden no tener la validación de la tarjeta a medida que escribe. Para tener validación en tiempo real, puede vincular un simple keyup() en el campo de entrada para que la validación se realice después de cada golpe de tecla.

Answer 3

Además, para su información, la respuesta en this thread (link) tiene algunas expresiones regulares para otros tipos de tarjetas, así como una explicación impresionante de los números de tarjetas de crédito.

Aquí es una función que sólo se activa después de que entraron al menos 6 dígitos (los utilizados para reconocer el tipo de tarjeta):

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

Answer 4

jQuery tarjeta de crédito Tipo de detector Plugin https://github.com/christianreed/Credit-Card-Type-Detector

Answer 5

uso de una API BIN libre servicio como https://tripayments.com/bins/. Envíe los primeros 6 y dará "DetailCardProduct" que es VISA, Mastercard, etc.