JSValidate: Validación de Formularios con Prototype y Script.aculo.us

Hace mucho tiempo vengo usando script.aculo.us con prototype como mi librería favorita para el uso de AJAX, Animaciones y manejo de eventos DOM en general.

El uso de estas librerías nos ayudan bastante al momento de manejar Javascript en general, sobre todo al usar AJAX o al usar Eventos DOM, ya que estos son los que mas dolores de cabeza nos dan al momento de probar en distintos navegadores, pues estas librerías nos ayudan a corregir esos errores y asegurarnos de que todo funcione como debe ser.

Por lo general, anexo a las clases que trae script.aculo.us, ocupo otras mas, por ejemplo.

• Sweet Titles: esta me permite agregar pequeños tooltips a los enlaces.
• Really easy field validation with Prototype: Me permite validar formularios.
• Lightbox: Para crear SlideShows de imágenes.

Entre otras clases que he ido creando y espero mas adelante ir dando a conocer para que las prueben.

Desde que lanzaron la ultima versión de script.aculo.us, por una inexplicable razón, el validador que ocupo para los formularios empezó a mandar errores, y por lo visto no la han actualizado aun, así que me puse a buscar otra pronto que sea muy parecida y pueda manejar, y he llegado a JSValidate.

JSValidate, es una clase bastante buena que he estado probando y me ha dado buenos resultados, es bastante rápida y tiene un estilo único al momento de mostrar los errores. Sacando el máximo de provecho de recursos es capaz de hacer un recorrido y reconocer todos los elementos que debe validar por medio de la clase por ejemplo:

<input type=”text” name=”q” class=”jsrequired” />

Con eso indicas que ese campo no debe ir vacío.

<input type=”text” name=”nombre class=”jsrequired jsvalidate_alpha” />

Con eso indicas que el campo no debe ir vacío y además validar que solo ingresen caracteres alfabéticos y no números.

La clase trae los siguiente parámetros para validar:

• jsrequired.
• jsvalidate_number
• jsvalidate_digits
• jsvalidate_alpha
• jsvalidate_alphanum
• jsvalidate_email
• jsvalidate_uscanzip
• jsvalidate_usstate
• jsvalidate_usphone
• jsvalidate_creditcard
• jsvalidate_ssn
• select-notfirst

De todas maneras, los nombres son editables y además si tienes conocimientos en Expresiones Regulares, puedes agregar todas las que quieras.

Sin duda una gran clase para tomar en cuenta y ver sus avances. Aunque en lo personal, prefiero la que tengo por otras razones que mencionare otro día.

PD: Pido disculpas por los dias que no postee nada o casi nada, es que formatee mi PC y cambie a Ubuntu y he tenido unos problemas, pero ya espero estar pronto de vuelta.
.

Ver Videos – Te Verde – Videos 3GP – 3GP – somos tu y yo