Expresion Regular para validar URL con JavaScript y PHP

Tutorial Javascript/PHP: Validar URLs con expresiones regulares.

Valdacion JavaScript
Validar URL con Javascript y PHP

La forma más fácil para validar una URL con PHP o Javascript dentro de un formulario, es usar expresiones regulares. Para ello, he creado una expresión regular bastante útil, compatible con Javascript, PHP y Expresiones Regulares de PERL, es capaz de validar incluso formatos raros de URL, por ejemplo: https://dominio.com:445/

La expresión regular en cuestión es la siguiente:

// Expresión regular en una función javascript
function ValidaURL(url) {
var regex=/^(ht|f)tps?:\/\/\w+([\.\-\w]+)?\.[a-z]{2,10}(:\d{2,5})?(\/.*)?$/i;
return regex.test(url);
}

Ejemplo de formulario con validación de URL:

Notas:

  1. Puedes copiar este código en el bloc de notas y guardar con extensión .html para verlo en acción.
  2. En tu propio formulario, reemplaza campo_url por el nombre real del campo que contendrá la URL que deseas validar.
<script>
function ValidaURL(url) {
var regex=/^(ht|f)tps?:\/\/\w+([\.\-\w]+)?\.[a-z]{2,10}(:\d{2,5})?(\/.*)?$/i
return regex.test(url);
}
//Validar campo de formulario de URL
function validar(f) {
if(!ValidaURL(f.campo_url.value) ) {
alert("La dirección URL es incorrecta");
f.campo_url.focus();
return (false);
}
}
</script>
<h1>Formulario de ejemplo:</h1>
<form method="post" action="" onsubmit="return validar(this)">
<div>Dirección URL: <input type="text" name="campo_url" value=""><br>
<input type="submit" value="Validar URL"></div>
</form>

Eso es todo, si tienes dudas deja un comentario y con gusto trataré de ayudar.

Saludos desde México, DaxMX.

Nota: Entrada actualizada del original publicado en Diciembre de 2009 en dasumo.com

16 comentarios

Añadir respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *