Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Tutorial Expresion Es Regulares Javascript
Tutorial Expresion Es Regulares Javascript
Pgina 1 de 6
Ejemplo: (+34)954556817
Exp. Reg.: /^\(\+\d{2,3}\)\d{9}$/
Comienza (^) por un parntesis (\(), le sigue un carcter + (\+), despus una cifra numrica (\d) de la que habr
2 o 3 ocurrencias ({2,3}), despus le sigue un parntesis de cierre (\)), luego viene una cifra numrica de la que
habr 9 ocurrencias ({9}), y aqu acabar la cadena ($).
NOTA: Puesto que los caracteres: (, ), +, *, -, \, {, }, |, etc tienen significados especiales dentro de
una expresin regular, para considerarlos como caracteres normales que debe incluir una cadena
deben de ir precedidos del carcter de barra invertida \.
Ejemplo: 09/01/2006
Exp. Reg.: /^\d{2}\/\d{2}\/\d{4}$/
Comienza (^) por una cifra numrica (\d) de la que habr 2 ocurrencias ({2}), despus una barra (\/), seguida de
2 cifras numricas, otra barra, 4 cifras numricas, y aqu acabar la cadena ($).
Cdigo postal
Ejemplo: 41012
Exp. Reg.: /^\d{5}$/
nicamente contiene 5 cifras numricas.
Ejemplo: usuario@servidor.com
Exp. Reg.: /^(.+\@.+\..+)$/
Comienza (^) por caracteres cualesquiera que no sean salto de lnea (.) de los que habr al menos una ocurrencia
(+), despus el carcter arroba (\@), seguido de al menos un carcter que no podr ser el salto de lnea (.+),
despus viene el carcter punto (\.), seguido de al menos un carcter donde ninguno podr ser el salto de lnea
(.+), y aqu acabar la cadena ($).
Nmero entero
Ejemplo: -123
Exp. Reg.: /^(\+|\-)?\d+$/ o tambin /^[+-]?\d+$/ o tambin /^[+-]?[0-9]+$/
Comienza (^) opcionalmente (?) por el carcter + o por el carcter -, por lo que puede que incluso no aparezcan
ninguno de los 2; seguidamente vienen caracteres de cifras numricas (\d) de los que al menos debe introducirse
uno (+), y aqu acabar la cadena ($).
Nmero real
TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIN DE CAMPOS EN FORMULARIOS HTML
Pgina 2 de 6
TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIN DE CAMPOS EN FORMULARIOS HTML
Pgina 3 de 6
2) La segunda opcin compila la expresin regular en tiempo de ejecucin (guardada en una variable de tipo
cadena o en un campo de un formulario). Aqu los delimitadores son las comillas dobles, no las barras.
exp_reg2 = new RegExp("^[0-9]+"); // Ahora exp_reg2 es una variable que contiene una expresin regular.
exp_reg3 = new RegExp(formu.campo1.value);
// exp_reg3 tendr como expresin regular el contenido del campo campo1 del formulario formu.
exp_reg4 = new RegExp(cadena1);
// exp_reg4 tendr como expresin regular el contenido de la variable de cadena cadena1.
if(exp_reg3.test(123)==false) // Ahora podr usarse el mtodo test en las variables.
3. Creacin de los patrones
Una expresin regular es una combinacin de caracteres normales con caracteres especiales. Por ejemplo, la
expresin regular /ejemplo/ encontrar la subcadena "ejemplo" dentro de la cadena "Esto es un ejemplo.".
Con la utilizacin de caracteres especiales se consigue encontrar coincidencias con los retornos de carro, los
tabuladores, el inicio o el final de las palabras, las repeticiones de caracteres...
La siguiente tabla muestra una lista de los caracteres especiales ms importantes, as como su significado y un
ejemplo de aplicacin:
Carcter
\
$
*
+
?
.
(x)
x|y
{n}
{n,}
{n,m}
[xyz]
[^xyz]
Significado
Indica que el siguiente carcter normal debe ser
considerado como especial. Tambin se utiliza como
carcter de escape para los caracteres especiales.
Se utiliza para encontrar el comienzo de una lnea.
Ejemplo
/\n/ encuentra un salto de lnea. Si
se desea buscar el carcter '\', habr
que utilizar /\\/
/a/ encuentra una 'a' en cualquier
lugar, pero /^a/ haya una
coincidencia con el carcter 'a' si se
encuentra al comienzo de una lnea.
/hola*/ encuentra coincidencias en
las cadena "hol", "hola" y "holaaaa".
TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIN DE CAMPOS EN FORMULARIOS HTML
[\b]
\b
Pgina 4 de 6
//pasa al submit
}
La funcin de validacin se invoca utilizando el evento onSubmit del formulario. Cuando la validacin
no da positivo, la funcin de validacin devuelve false. Esto cancela el submit, de modo que el usuario
pueda corregir la entrada incorrecta. En caso contrario, se devuelve true. El tag form quedara as:
<form name="formu" action="datos.php" onSubmit="return ValidaCampos(this)">
El gran inconveniente de este procedimiento es que slo funciona a partir de las versiones 4.0 de los
navegadores de Microsoft y Netscape.
TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIN DE CAMPOS EN FORMULARIOS HTML
Pgina 5 de 6
Cualquiera de los caracteres entre corchetes. Especifique un rango de caracteres con un guin (por ejemplo, [a-f] es
equivalente a [abcdef]).
Cualquier carcter que no est entre corchetes. Especifique un rango de caracteres con un guin (por ejemplo, [^a-f] es
equivalente a [^abcdef]).
Lmite de palabra (como un espacio o un retorno de carro).
Cualquiera que no sea un lmite de palabra.
Cualquier carcter de dgito. Equivalente a [0-9].
Cualquier carcter que no sea de dgito. Equivalente a [^0-9].
Salto de pgina.
Salto de lnea.
Retorno de carro.
Cualquier carcter individual de espacio en blanco (espacios, tabulaciones, saltos de pgina o saltos de lnea).
Cualquier carcter individual que no sea un espacio en blanco.
Tabulacin.
Cualquier carcter alfanumrico, incluido el de subrayado. Equivalente a [A-Za-z0-9_].
Cualquier carcter que no sea alfanumrico. Equivalente a [^A-Za-z0-9_].
La tabla siguiente contiene algunos de los patrones ms utilizados a la hora de validar formularios:
[a-z]
Letra minscula
Correo electrnico /[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/
^(ht|f)tp(s?)\:\/\/[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)( [a-zA-Z0-9\-\.\?\,\\/\\\+&%\$#_]*)?$
URL
TUTORIAL SOBRE EXPRESIONES REGULARES EN JAVASCRIPT PARA VALIDACIN DE CAMPOS EN FORMULARIOS HTML
Fecha
Hora
Tarjeta de crdito
Nmero telfono
Cdigo postal
Pgina 6 de 6
^\d{1,2}\/\d{1,2}\/\d{2,4}$
^(0[1-9]|1\d|2[0-3]):([0-5]\d):([0-5]\d)$
^((67\d{2})|(4\d{3})|(5[1-5]\d{2})|(6011))(-?\s?\d{4}){3}|(3[4,7])\ d{2}-?\s?\d{6}-?\s?\d{5}$
^[0-9]{2,3}-? ?[0-9]{6,7}$
^([1-9]{2}|[0-9][1-9]|[1-9][0-9])[0-9]{3}$
Una pgina web de ejemplo llamada index.php que permite comprobar si una cadena es validada por una expresin regular de
JavaScript podra ser la siguiente (si la cadena no es vlida muestra un mensaje de error y no enva los datos del formulario):
<html>
<head>
<title>Comprobacin de si una cadena cumple el patrn de una expresin regular</title>
<?
// Si recibe los campos del formulario:
if (isset($_GET['expresion']) && isset($_GET['cadena']) && isset($_GET['comprobar'])) {
echo "</head><body>\n";
echo "DATOS OBTENIDOS:<BR>\n";
echo "Expresin Regular: <b>" . $_GET['expresion'] . "</b><BR>\n";
echo "Cadena vlida: <b>" . $_GET['cadena'] . "</b><BR>\n";
echo "<br><a href='index.php'>Volver</a>\n";
echo "</body></html>";
}
// Si no recibe los campos del formulario:
else{
?>
<script>
function valida(formulario) {
expresion_regular = new RegExp(formulario.expresion.value);
// Usamos el mtodo "test" de la expresin regular
if(expresion_regular.test(formulario.cadena.value)==false) {
alert('La cadena no cumple el patrn de la expresin regular.');
return false; //no enva el formulario
}
return true; // Enva el formulario
}
</script>
</head>
<body>
Introduzca una expresin regular (por ejemplo: <b>^[0-9]{9}$</b>) y una cadena
(por ejemplo: <b>123456789</b>), para comprobar si dicha cadena respeta el patrn
que especifica la expresin regular (es decir, si la expresin regular valida dicha cadena).<br>
<form name="formulario" action="index.php" method="get"
onSubmit="return valida(formulario)">
Expresin Regular:<input type="text" name="expresion" size="20"><br>
Cadena a Comprobar: <input type="text" name="cadena" size="20"><br>
<input type="submit" value="Comprobar" name="comprobar">
</form>
</body>
</html>
<?
} //else (Si no reciba los campos del formulario)
?>