HTML5. Validar formularios sin Javascript. Parte II.

html5

Leer: HTML5. Validar formularios sin Javascript. Parte I.

Con HTML5 es posible validar campos de texto con expresiones regulares merced al atributo pattern, pero ya antes de llegar a ello podemos hacer empleo de otra herramienta de HTML5, los nuevos tipos de campos. Existen varios de estos nuevos tipos de campos, pero para la validación de formularios son especialmente útiles: email, url y number.

¿De qué forma marchan los tipos de campos?

Las clases de campos se usan como valores del atributo type en elementos input. Al señalar el género de campo, el navegador va a poder validar la información introducida por el usuario y permitirá su envío o va a dar una advertencia si no esta bien completado.

Tipo URL

Que en caso de llenarse de manera incorrecta, Chrome, actualmente muestra la próxima advertencia:

html5-tipo-de-campo-url

Tipo Email:

Y el pertinente error:

html5-tipo-de-campo-email

Tipo número:

html5-tipo-de-campo-number

Ventajas de las clases de campos.

  • Compatibles en los navegadores modernos más usados.
  • Amigables para móviles. Por ejemplo, si se usa el género de campo email” algunos teléfonos motrarán un teclado más acorde, que incluye @” y .com”.
  • Mensajes de fallo más específicos que con pattern.
  • Es una validación nativa, por tanto rápida y fácil de incorporar.
  • Semánticamente más adecuados.

Desventajas de los tipos de datos para validación.

  • Depende del navegador, en consecuencia, su compartimiento y cambia en cada uno.
  • No 100 por ciento soportados.

Conclusión.

Su soporte en los navegadores modernos más utilizados y su simple implementación hace a los nuevos géneros de campos ideales para validaciones poco estrictas y donde ya hay una validación de lado del servidor. Probablemente en el futuro cercano van a poder emplearse con un mayor grado de confiabilidad que nos van a hacer olvidarnos de las soluciones Javascript, dejando para Javascript solo las validaciones más complejas y/o concretas.