Form validation using HTML5

Los campos en un formulario están allí para recopilar información de sus visitantes, pero no importa cuánto tiempo pase configurando su formulario, al menos algunos de sus visitantes que se confunden al completar su formulario, pueden omitir partes importantes de su formulario, escriba valores no válidos (¿quién ha oído hablar de una dirección de correo electrónico con un espacio en él?) y el resultado? Hacen clic en enviar y obtienes una gran cantidad de datos más o menos inútiles.

Y aquí es donde entra la validación: si valida sus campos de entrada antes de que los datos se envíen a su bandeja de entrada o base de datos, el visitante tiene la oportunidad de corregir los datos y esto significa que mejora la posibilidad de que obtenga los datos que realmente solicitó.

A lo largo de los años, esto se ha hecho con JavaScript y cuando se ha hecho correctamente, esto funciona a la perfección. Entonces se puede pedir, ¿por qué el cambio? Debido a que los detrás de HTML5 han introducido formas nuevas y más simples de validar sus datos, eso no requiere varias líneas de JavaScript, pero permite que el navegador haga la validación del lado del cliente. Y lo mejor de todo es que es muy fácil de implementar: todo lo que necesita hacer es agregar el atributo correcto aquí y allá.