Validar formularios con HTML5

En este artículo vamos a ver como podemos validar un formulario utilizando solamente HTML5.

Es muy sencillo pero tiene sus limitaciones y en algunos navegadores no es soportado.

Tan solo tienes que añadir el atributo required en los inputs que consideres obligatorios de tu formulario, como por ejemplo:

<input type="text" name="name" required>

El atributo required es un atributo booleano que cuando está presente, especifica que un campo de entrada debe ser completado antes de enviar el formulario.

El atributo requerido trabaja con los siguientes tipos de entrada: texto, búsqueda, url, tel, correo electrónico, contraseña, selectores de fecha, número, casilla de verificación, la radio y los file inputs.

El atributo required es compatible en Internet Explorer 10, Firefox, Opera y Chrome.

También es importante saber que el atributo required no es compatible en Internet Explorer 9 y versiones anteriores, o en Safari.

Ver ejemplo en funcionamiento

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (5 votos, promedio: 4,80 de 5)
Cargando…

Comparte en las redes sociales

Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.

4 comentarios para “Validar formularios con HTML5

Deja un comentario

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

*