Tecnologias

TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS HTML

Página 1 de 6

TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS HTML:
Ejemplos de expresiones regulares (http://www.lsi.us.es/docencia/get.php?id=1795): NOTA: Las expresiones regulares se encuentran delimitadas por el carácter barra (/).
– Número deteléfono nacional (sin espacios)
• Ejemplo: 954556817 • Exp. Reg.: /^\d{9}$/ o también /^[0-9]{9}$/ Comienza (^) por una cifra numérica (\d) de la que habrá 9 ocurrencias ({9}) y aquí acabará la cadena ($). NOTA: La expresión “\d” equivale a la expresión “[0-9]”, y representa a un carácter de una cifra numérica, es decir, ‘0’ o’1’ o ‘2’ o ‘3’ … o ‘9’.

– Número de teléfono internacional

•Ejemplo: (+34)954556817 • Exp. Reg.: /^\(\+\d{2,3}\)\d{9}$/ Comienza (^) por un paréntesis (\(), le sigue un carácter + (\+), después una cifra numérica (\d) de la que habrá 2 o 3 ocurrencias ({2,3}), después le sigue un paréntesis de cierre (\)), luego viene una cifra numérica de la que habrá 9 ocurrencias ({9}), y aquí acabará la cadena ($). NOTA: Puesto que los caracteres: (, ), +, *, -, \, {, },|, etc… tienen significados especiales dentro de una expresión regular, para considerarlos como caracteres normales que debe incluir una cadena deben de ir precedidos del carácter de barra invertida \.

– Fecha con formato DD/MM/AAAA

• Ejemplo: 09/01/2006 • Exp. Reg.: /^\d{2}\/\d{2}\/\d{4}$/ Comienza (^) por una cifra numérica (\d) de la que habrá 2 ocurrencias ({2}), después una barra (\/),seguida de 2 cifras numéricas, otra barra, 4 cifras numéricas, y aquí acabará la cadena ($).

– Código postal

• Ejemplo: 41012 • Exp. Reg.: /^\d{5}$/ Únicamente contiene 5 cifras numéricas.

– Email

• Ejemplo: usuario@servidor.com • Exp. Reg.: /^(.+\@.+\..+)$/ Comienza (^) por caracteres cualesquiera que no sean salto de línea (.) de los que habrá al menos una ocurrencia (+), después elcarácter arroba (\@), seguido de al menos un carácter que no podrá ser el salto de línea (.+), después viene el carácter punto (\.), seguido de al menos un carácter donde ninguno podrá ser el salto de línea (.+), y aquí acabará la cadena ($).

– Número entero
• Ejemplo: -123 • Exp. Reg.: /^(\+|\-)?\d+$/ o también /^[+-]?\d+$/ o también /^[+-]?[0-9]+$/ Comienza (^) opcionalmente (?) por elcarácter + o por el carácter -, por lo que puede que incluso no aparezcan ninguno de los 2; seguidamente vienen caracteres de cifras numéricas (\d) de los que al menos debe introducirse uno (+), y aquí acabará la cadena ($).

– Número real

• Ejemplo: -123.35 o 7,4 o 8 • Exp. Reg.: /^[+-]?\d+([,.]\d+)?$/ Comienza (^) opcionalmente (?) por el carácter + o por el carácter -, por lo que puede queincluso no aparezcan ninguno de los 2; seguidamente vienen caracteres de cifras numéricas (\d) de los que al menos debe introducirse uno (+), y, opcionalmente, aparecerá un punto o coma decimal seguido de al menos una cifra numérica, y aquí acabará la cadena ($).

TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIÓN DE CAMPOS EN FORMULARIOS HTML

Página 2 de 6

Ejemplo de uso en unformulario: Ejemplo de validación de un formulario con campos tipo teléfono y tipo dni usando expresiones regulares function ValidaCampos(formulario) { var expresion_regular_telefono = /^\d{9}$/; // 9 cifras numéricas. var expresion_regular_dni = /^\d{8}[a-zA-Z]$/; // 8 cifras numéricas más un carácter alfabético. // Usaremos el método "test" de las expresiones regulares:if(expresion_regular_telefono.test(formulario.telefono.value)==false) { alert('Campo TELEFONO no válido.'); return false; // sale de la función y NO envía el formulario } if(expresion_regular_dni.test(formulario.dni.value)==false) { alert('Campo DNI no válido.'); return false; // sale de la función y NO envía el formulario } alert('Gracias por rellenar nuestro formulario correctamente.'); return true; // sale de la...