Parsley.js: Validá tus formularios sin escribir javascript

Por patricio

enero 20, 2013 Programacion 1 Comentario

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.

Latest Comments

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *