Validar formularios con JavaScript

Parsley.js es una muy completa biblioteca JavaScript para pura y exclusivamente validar formularios, de forma sencilla y rápida. Este proyecto combina la potencia de JavaScript para realizar verificaciones, permitiendo vincular sus funcionalidades con las de los frameworks más conocidos, como por ejemplo jQuery o Zepto.

Otro detalle interesante de este proyecto para validar formularios, es que permite utilizar estructuras HTML perfectamente validas, en muchas oportunidades vamos a ver que para indicarle el tipo de dato a validar utilizaremos la etiqueta “data”, aprovechando al máximo su existencia.

En resumen vamos a valernos de dos tipo de etiquetas data. Por un lado data-trigger para indicarle a Parsley.js con que evento deseamos realizar la validación y data-type para definir el tipo de dato esperado.

Ejemplo de un formulario preparado para Parsley.js

<form id="demo-form" data-validate="parsley">
<label for="fullname">Full Name * :</label>
<input type="text" id="fullname" name="fullname" data-required="true" />

<label for="email">Email * :</label>
<input type="text" id="email" name="email" data-trigger="change" 
  data-required="true" data-type="email" />

<label for="website">Website :</label>
<input type="text" id="website" name="website" data-trigger="change" 
  data-type="url" />

<label for="message">Message (20 chars min, 200 max) :</label>
<textarea id="message" name="message" data-trigger="keyup" 
   data-rangelength="[20,200]"></textarea>
</form>

En la documentación del proyecto van a encontrar una tabla con todos los tipos de datos y eventos disponibles, listos para ser validados por este genial proyecto.

Parsley.js funciona también de manera independiente, sin la necesidad de utilizar ningún framework JavaScript, punto muy favorable para aquellas personas que no tengan la intención de sobrecargar su proyecto con bibliotecas de terceros.

Web: Parsley.js