Validaciones de forms en HTML

  • 0
Programacion

Validaciones de forms en HTML

Tags : 

Validar los formularios se hacía con javascript (se sigue utilizando) mayormente sin embargo si quieres un sitio que no pese mucho deberías tomar en cuenta utilizar los nuevos estándares de HTML5 de los cuales te hablaremos a continuación y sobre todo por que ya todos los navegadores actualizados los reconocen y son válidos.

El más simple es el siguiente (required):

Que cuando no cumples con poner el requerimiento simplemente no te deja enviar el formulario.

Mejorandolo un poco sería así (minlength y maxlength):

De esta forma estás poniendo un mínimo requerido de caracteres y un máximo, de tal forma que si tienes menos de 5 y máximo de 10 no te dejará continuar.

El siguiente (pattern) es para validar que la cadena introducida cumpla con el requerimiento de 1 letra mayúscula, 1 minúscula y 1 número

Mejorandolo y dando un poco más de información puedes añadir un texto (title) diciendole al usuario por que no puede validarse:

Con estas validaciones y muchas más que se pueden hacer directamente desde HTML5 podrás mejorar tus formularios sin tener que cargar librerías pesadas que harán lo mismo.


Deja una respuesta