Frente GEEK: Parsley.js: Validá tus formularios sin escribir javascript patricio

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:

^? Ver código PHP

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.

---

Parsley.js: Validá tus formularios sin escribir javascript por Patricio para Codigo Geek

Permalink | Comentar | Add to del.icio.us

Post tags: formulario, JavaScript

http://www.codigogeek.com/wp-content/uploads/2013/01/parsely.jpg

http://www.codigogeek.com/wp-content/uploads/2013/01/parsely.jpg via Codigo Geek http://feedproxy.google.com/~r/codigogeek/~3/chChU-wPmJo/story01.htm