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 mejor forma para validar una dirección URL (con JavaScript) en 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=/^(http|ftp)(s)?:\/\/\w+(\.\w+)*(-\w+)?\.([a-z]{2,3}|info|mobi|aero|asia|name)(:\d{2,5})?(\/)?((\/).+)?$/;
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=/^(http|ftp)(s)?:\/\/\w+(\.\w+)*(-\w+)?\.([a-z]{2,3}|info|mobi|aero|asia|name)(:\d{2,5})?(\/)?((\/).+)?$/;
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.
2 Comentarios
Comentar en esta entradaSuscribirse a este artículo mediante el Canal RSS URL de TrackBack
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