Parsley.js: Validá tus formularios sin escribir javascript

Parsley.js es una librería javascript que se destaca por su simplicidad. Hay muchas alternativas a la validación de formularios, pero su diferencia es que, en este caso, no hay que configurar absolutamente nada desde javascript, solo incluir el archivo y listo.

Los campos a validar se definen desde el HTML, con los atributos correspondientes. Un ejemplo sería el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13

<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 donde se piden que los dos primeros campos sean obligatorios, que el segundo sea de tipo email, el tercero sea una URL, y el cuarto tenga una longitud de entre 20 y 200 caracteres.

En la documentación se puede ver que hay muchas formas de validar y muchas opciones.

Por seguridad, recomendamos que esta validación se haga también desde el lado del servidor con la tecnología correspondiente.