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

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(6 votos, promedio: 5 de 5)
Comparte en las redes sociales

4 respuestas a “Validar formularios con HTML5”

  1. gabriel dice:

    añade » selected » a la opcion que va a ser el valor por defecto

  2. ENTIDAD dice:

    hola consulta siempre he validado con javascript, y esta bien buena la validacion de html5, pero no como validar un select he googliado pero no encuentro nada aun 😀 saludos

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre