diciembre
9 de 2009
9 de 2009
Expresion Regular para validar URLs con JavaScript
Validar Formularios con JavaScript y expresiones regulares: Validación de URL.
La forma más fácil para validar una dirección URL con JavaScript dentro de un formulario, es usar expresiones regulares, he creado una pequeña función bastante útil que es capaz de validar incluso formatos raros de URL (por ejemplo: http://dominio.com:445/)
La función que contiene la expresión regular es la siguiente:
function ValidaURL(url) {
var regex=/^(ht|f)tps?:\/\/\w+([\.\-\w]+)?\.([a-z]{2,3}|info|mobi|aero|asia|name)(:\d{2,5})?(\/)?((\/).+)?$/i;
return regex.test(url);
}Ejemplo de formulario con la función que valida la URL integrada:
Nota 1: Puedes copiar este código en el bloc de notas y guardar con extensión HTML para verlo en acción.
Nota 2: Se debe reaamplazar campo_a_validar por el nombre real del campo que contandrá la URL que deseas validar en tu formulario.
<script type="text/javascript"><!--
function ValidaURL(url) {
var regex=/^(ht|f)tps?:\/\/\w+([\.\-\w]+)?\.([a-z]{2,3}|info|mobi|aero|asia|name)(:\d{2,5})?(\/)?((\/).+)?$/i;
return regex.test(url);
}
//Validar del campo de formulario de URL
function validar(f) {
if(!ValidaURL(f.campo_a_validar.value) ){
alert("La dirección URL es incorrecta");
f.campo_a_validar.focus();
return (false);
}
}
// --></script>
Formulario de ejemplo:
<form method="post" action="" onsubmit="return validar(this)">
<div>Dirección URL: <input type="text" name="campo_a_validar" value="" /><br />
<input type="submit" value="Validar URL" /></div>
</form>Eso es todo, si tienen dudas pueden dejar una respuesta y con gusto trataré de resolverla.
Saludos desde México, DASUMO.
7 Comentarios
Comentar en esta entradaSuscribirse a este artículo mediante el Canal RSS URL de TrackBack
SKG Hosting provide low cost high value UK hosting solutions. With Free Domain Names, free WHMCS, ClientExec, Shared Hosting and much more.
Hola
gracias por los tutoriales son muy buenos,
podrias por favor explicar la expresion de validacion
Hola dasumo, genial gracias por la ayuda me sirvio mucho para mi proyecto de la escuela.
Problemas:
1- no valida si escribiste la URL con mayúsculas
2- no valida dominios que tengan guión medio como www.collado-consultores.com.ar
Hola flavia, muchas gracias por tus observaciones…
Sí, tomaba como inválidas las URL con GUION en dominios de segundo nivel, por ejemplo .com.mx o .com.ar, hice un pequeño cambio a la expresión regular para solucionar ambos problemas, y queda así:
/^(ht|f)tps?:\/\/\w+([\.\-\w]+)?\.([a-z]{2,3}|info|mobi|aero|asia|name)(:\d{2,5})?(\/)?((\/).+)?$/i;
Gracias Dasumo, la expresion regular funciona de lujo, slds
Muy buena entrada! existe un framework llamado JSValidate que te permite validar formularios en JavaScript http://programandoideas.com/2010/02/jsvalidate-framework-para-validar-formularios-en-javascript/ Yo lo uso y es muy bueno
Saludos