Hace ya bastante tiempo leí en anieto2K un pequeño, pero a la vez interesante artículo sobre como validar números de tarjetas de crédito con JavaScript mediante unas sencillas expresiones regulares en Javascript. La idea es validar una tarjeta de crédito Visa y una tarjeta de crédito MasterCard. En nuestro caso vamos a ver el código completo del ejemplo.
Lo primero que tenemos que saber es el formato de los números de estas tarjetas de crédito, para poder montar las expresiones regulares que lo validen.
- Visa, son 4 grupos de 4 dígitos cada uno. Además el primer número de la tarjeta tiene que empezar por 4. Un total de 16 dígitos. Un ejemplo de número de una tarjeta Visa sería el siguiente: 4552 7204 1234 5678.
- Mastercard, de igual manera son 4 grupos de 4 dígitos cada uno. Pero en este caso los dos primeros dígitos van del 51 al 55. Un total de 16 dígitos. Un ejemplo sería 5588 3201 2345 6789.
Ahora construyamos las expresiones regulares. Lo primero que tenemos que saber es que una expresión regular comienza con /^ y termina con $/. Entre estos caracteres estará la expresión regular.
/^ expresion regular $/
Como vamos a manejar dígitos tenemos que saber que el dígito lo representa el carácter d. Así:
/^dd$/
sería una expresión regular que validase dos dígitos seguidos. Pero como no es plan de poner una ristra de caracteres d hasta llegar a 16 podemos utilizar la cardinalidad, es decir, el número de veces que se repite un dígito. Para ello utilizamos la siguiente expresión :
{cardinalidad}
Así los dos dígitos quedarían de la siguiente forma:
/^d{2}$/
Alguna cosa más que tenemos que saber es que si queremos que en una posición vaya un número específico valdría con poner el número y de igual forma podemos expresar rangos mediante corchetes y el rango en concreto.
[rango]
Así, si queremos hacer referencia a los números entre el 500 y el 509 podríamos tener la siguiente expresión regular:
/^50[1-9]$/
Por último, si queremos hacer referencia a que un número o carácter aparezca o no, es decir, la opcionalidad. Utilizamos el símbolo de cierre de interrogación (?). Esto nos servirá para hacer referencia que entre los grupos de dígitos de 4 de las tarjetas pueda venir un guión o no.
Finalmente las expresiones regulares de Visa y Mastercard serian las siguientes
/^4\d{3}-?\d{4}-?\d{4}-?\d{4}$/ //Visa
/^5[1-5]\d{2}-?\d{4}-?\d{4}-?\d{4}$/ //Mastercard
Para validar si una cadena se ajusta a una expresión regular tenemos varios métodos. En nuestro caso utilizamos match. Este método le aplicamos directamente sobre la cadena
numer.match(/^5[1-5]\d{2}-?\d{4}-?\d{4}-?\d{4}$/)
Esto nos devolverá un valor booleano. Es por ello que simplemente tendremos que comprobar el valor retornado:
if (!visa.match(/^4\d{3}-?\d{4}-?\d{4}-?\d{4}$/))
visa_error = "No es un número de Visa correcto";
if (!mastercard.match(/^5[1-5]\d{2}-?\d{4}-?\d{4}-?\d{4}$/))
mastercard_error = "No es un número de Visa correcto";
Vía: anieto2K
