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

agosto 1, 2007 at 2:29 pm 4 comentarios

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.

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

JSValidationDesde 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 VideosTe VerdeVideos 3GP3GPsomos tu y yo

Entry filed under: JavaScript - AJAX, Recursos, Scriptaculous, Web 2.0. Tags: .

Disponible Firefox 2.0.0.6: correccion de bugs AuthorPOINT Lite: Convierte tus Presentaciones Power Point a Animaciones Flash

4 comentarios Add your own

  • 1. Carlos Leopoldo  |  septiembre 23, 2007 a las 3:18 pm

    Validar formularios con Javascript y JSValidate

    Existe un script escrito en JavaScript llamado JSValidate el cuál es un validador que usa algunos aspectos de scriptaculous y prototype además no es intrusivo y trabaja muy bien con la mayoría de los navegadores.

    Es bueno hacer una validación con …

    Responder
  • 2. hector  |  septiembre 29, 2007 a las 2:28 pm

    Hola . pues ahora que comentas sobre jsvalidate la descargue e hice pruebas y quisiera saber si existe otra forma de desencadenar el evento que valida por que solo me funciona cuando el boton enviar tiene la accion enviar y quisiera asignarle una funcion de ajax para que no cambie de pagina..
    te agradeceria mucho tu opinion respecto a i porblema..

    Hector

    Responder
  • 3. Martin  |  septiembre 30, 2008 a las 5:48 pm

    Funciona a la perfeccion, pero cuando la utilizo en una pagina hija de ajax, no funciona. Generalmente, el codigo script o las llamadas a archivos .js se colocan en la pagina padre; pero asi tampoco funciona.

    Hasta el momento no he logrado que funcione JSValidate en una pagina hija con ajax.

    Responder
  • 4. gcherO  |  noviembre 7, 2008 a las 12:18 pm

    comsulta

    Como podria agregar una validaion que tenga en cuenta el maxlength de un input.Muchas gracias

    Responder

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Trackback this post  |  Subscribe to the comments via RSS Feed



A %d blogueros les gusta esto: