Formularios HTML5 con jQuery

jQuery.html5form es un plugin jQuery desarrollado por Matías Mancini que sirve para crear formularios HTML5 aprovechando la gran ventaja de validar datos de forma nativa, algo que antes solo podíamos hacer utilizando javascript o bien cualquier lenguaje desde el lado del servidor, posterior al envío de los datos.

Para el que desconoce esta nueva característica, HTML5 tiene la particularidad de ayudarnos a validar la información contenida en los formularios de forma nativa, esto quiere decir que, por ejemplo, podamos definir que un campo se pueda rellenar solo con una dirección web valida, un campo numero o bien un campo alfanuméricos. Una ventaja enorme a lo que venimos haciendo, y si bien siempre vamos a tener que verificar la información que recibimos por formulario este tipo de mejoras ayuda considerablemente a programadores y diseñadores a hacer un poco más fácil nuestra vida.

Pueden ver una demostración online para probar como funciona este maravilloso plugin.

formularios html5

Lo interesante del plugin jQuery.html5form es que nos permite utilizar esta ventaja de HTML5 hoy en día, ya que detecta automáticamente el navegador y utiliza javascript para validar cuando la compatibilidad con html5 falla, ademas tiene una forma de utilización que con apenas unas líneas de código vamos a tener el problema resuelto.

Navegadores compatibles:

  • Internet Explorer: IE6 – IE7 – IE8 – IE9 beta
  • Mozilla Firefox: 3.0 – 3.5 – 3.6 – 4.0 beta4
  • Google Chrome: 4.0 – 5.0 – 6.0
  • Apple Safari: 4.0 – 5.0

Web: jQuery.html5form

Categorizado en: