Anteriormente había hablado de un plugin de Bassistance para validar, pero esta opción me parece muy interesante ya que usa las propiedades nativas de HTML5, aunque hay algunas caracteristicas que se hacen extrañar de las que hablaré más adelante.

¿Cómo usarlo?

Lo primero es incluir el script y luego indicar que formulario debe afectar, personalmente creo que mejor es colocar un id.

1
2
3
4
5
<script>
        $(document).ready(function(){
            $('#miformulario').html5form(); // recibe un id, una clase o la etiqueta form    
        });
</script>

La forma de realizar la validación es usando las propiedades HTML5, es decir algo similar a:

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

¿Por qué usarlo?

Hay varios motivos:

  • Nos vamos acostumbrando a la sintaxis de HTML5
  • Incluye ciertas validaciones que no tiene el plugin de bassistance además de funciones tipo texto por defecto
  • El envío asíncrono de datos viene incluido

Puntos por pulir

  • Cuando se pega del portapapeles un texto a un textarea con un número máximo de caracteres este no se corta para validarlo
  • Los mensajes de error no son personalizables, aunque incluye por defecto mensajes en español e inglés modificables directamente sobre el código del script

Puedes ver más sobre este plugin AQUI, yo tuve problemas para acceder a dicha dirección, si no funciona en tu país usa un proxy anónimo como por ejemplo www.hidemyass.com