Plugin de jQuery para validar formularios HTML5

Hace unos días escribí un código en jQuery/Javascript para validar formularios HTML5 con sus nuevas funcionalidades en cualquier navegador. Recuerden que HTML5 incluyó muchos nuevos elementos de formulario, como sliders, cajas de búsqueda, entre otros.

Es muy sencillo de usar, lo mantengo actualizado desde google code y está bien documentado. En Español e Inglés. Espero que les resulte útil: www.matiasmancini.com.ar/html5form.php

Código :

$(document).ready(function(){
     $('#myform').html5form(); // solo requiere una linea de código 
});

Cómo funciona?

Sólo debe crear su formulario siguiendo el estándar HTML5 y el código se ejecutará de manera automática. No requiere clases adicionales. El plugin toma la información que necesita del código HTML. Se activa de manera automática cuando detecta Internet Explorer, Opera o Mozilla Firefox.

Para personalizar el comportamiento de las funciones y activarlo en todos los navegadores consultar las Características propias del plugin a continuación.

Funcionalidades HTML5

Atributo placeholder

Código :

<input type="text" placeholder="Nombre Completo"/>

Completa automáticamente un valor por defecto para cada campo que desaparece al momento de escribir.

Atributo de tipo email

Código :

<input type="email" name="email" id="email"/>

Indica al navegador que el campo contiene un email y lo valida con expresiones regulares.

Atributo maxlength en Textarea

Código :

<textarea maxlength="60" name="consulta" id="consulta"/>

Este atributo conocido limita la cantidad de caracteres permitidos pero no estaba disponible para campos Textarea hasta ahora.

Atributo required

Código :

<input type="text" name="nombre" required />

Indica al navegador que el campo no puede quedar vacío al momento de enviar el formulario.
Este atributo no lleva =" ", solamente se nombra dentro de la etiqueta.

Atributo url

Código :

<input type="url" name="sitioweb" placeholder="http://"/>

En conjunto con el atributo placeholder, se agrega un valor por defecto. El plugin reconoce que se trata de una url mediante type="url".
Al hacer click en el campo situa el puntero luego del prefijo http:// sin borrarlo.

Atributo Autocomplete

Código :

<input type="text" name="nombre" autocomplete="off"/>

Evita que el navegador despliegue una lista de datos cargados anteriormente al seleccionar el campo.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.