[caption id="attachment_33" align="aligncenter" width="300"] Fotografía realizada por: Fotero[/caption]

Entrar en una web en la que tengamos que rellenar un formulario siempre es un suplicio. Campos y más campos hasta que a veces te cansas y desistes. Cada campo que consigamos quitar mejor, y hay uno que siempre está pero es muchos casos es prescindible.

Hablo del campo "Tipo de tarjeta de crédito", que puede ser Visa, Master Card... Todas estas tarjetas siguen una norma oficial (ISO/IEC 7812) que regula la numeración. Conociendo un poco esta norma, a partir del número sabemos el tipo de tarjeta que está introduciendo el usuario en nuestra web. Algunas tarjetas de esta norma son:

• Visa: el primer dígito es “4”.
• MasterCard: el primer dígito es “5” y el segundo es “1”, “2”, “3”, “4” or “5”.
• American Express: el primer dígito es “3” y el segundo es “4” o “7”.
• Diners Club: el primer dígito es “3” y el segundo dígito es “6” o “8”.
• Japan Credit Bureau (JCB): el primer dígito es “3” y el segundo dígito es “5”.
• Discover: el número de tarjeta comienza por “6011” o “65”.

¿Suficientes? En la mayoría de los casos así es, y si este es el tuyo, dejo por aquí un pequeño script en javascript que escribe en un span el tipo de tarjeta introducida en un input: Codepen.

Fuente: UXMas