TOC

This article has been localized into Spanish by the community.

Validación de formularios con HTML5:

Validando URLs

Si preguntas qué constituye una URL, recibirás, con toda seguridad, diferentes respuestas en función de a quién preguntes. Esto afecta a los campos (input) de tipo URL y significa que aunque muchos navegadores requieren un prefijo de URL, puedes crear uno tú mismo y tanto http:// como bonk:// serán aceptados como prefijos de URL válidos (en realidad, lo único que necesitas es una letra seguida de dos puntos ":" - pruébalo en en la vista previa del validador de más abajo). Por otro lado, no se permiten espacios pero tu URL no requiere incluir un punto. Tal como espero haber dejado claro, aún no puedes confiar completamente en la validación de campo de tipo URL, pero aún así, sigue siendo buena idea incluirlo en tu web en vistas al futuro.

<form>
	<input type="url" required />
	<input type="submit" value="Submit Now!">
</form>

Afortunadamente, podemos mejorar la validación del input type URL añadiendo el atributo "pattern" a nuestro campo. El atributo "pattern" acepta REGEX (EXpresiones REGulares de JavaScript). Si no estás familiarizado con expresiones regulares, todo lo que tienes que saber por ahora es que puedes añadir el siguiente atributo: pattern="https?://.+" a tu input; y, así, habrás mejorado la validación exigiendo que todas las URL comiencen con http:// o https://

<form>
	<input type="url" pattern="https?://.+" required />
	<input type="submit" value="Submit Now!">
</form>
This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!