JSValidate: Validar formularios con Javascript


JSValidate es un script que nos permite validar formularios de una manera muy sencilla, lo único que debemos hacer es llamar al archivo .JS y seleccionar el tipo de validación que queremos:

Este script requiere otras dos bibliotecas para funcionar, las cuales debemos incluir antes de jsvalidate.js

<script type="text/javascript" language="javascript" src="scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" language="javascript" src="scriptaculous/src/scriptaculous.js"></script>
<script type="text/javascript" language="javascript" src="jsvalidate.js"></script>

Luego en el formulario, indicamos el tipo de validación en el atributo class:

Buscar: <input type="text" name="buscar" class="jsrequired" /><br />  <input type="submit" value="Ir" />

JSValidate nos permite varios tipos de validación:
jsrequired - El campo debe tener algún tipo de valor.
jsvalidate_number - Cualquier número entero, decimal y negativo.
jsvalidate_digits - Solo números.
jsvalidate_alpha - Solo letras.
jsvalidate_alphanum - Solo letras, números y guiones.
jsvalidate_email - Correo electrónico.
jsvalidate_uscanzip - Códigos postales (Estados Unidos y Canadá).
jsvalidate_usstate - Dos letras en mayusculas de estados de USA.
jsvalidate_usphone - Telefonos.
jsvalidate_creditcard - Valida tarjetas de credito como VISA, MasterCard, American Express.
jsvalidate_ssn - Número de seguro social de USA en el formato: XXXXXXXXX, XXX XX XXXX, o XXX-XX-XXXXX

Puedes encontrar más información y documentación aquí. No olvides que este script esta en ingles, pero traducirlo es muy sencillo. Pueden ver un ejemplo que hice usando JSValidate: Calcular IMC.

Descargar JSValidate

Vía ProgramandoIdeas


Acerca del autor

Brian UrbanBienvenid@ soy Brian Urban estudiante de Psicología. En la red me conocen como UrbaN77, pero en este blog me hago llamar BrianUR ya que quiero que sea un sitio algo más personal y hablar de diferentes temáticas.Ver todos los artículos de Brian Urban →

  1. nallenalle08-22-2010

    hola, donde puedo modificar para que los mensajes me salgan en español?

  2. Brian UrbanBrian Urban08-23-2010


    nalle:

    hola, donde puedo modificar para que los mensajes me salgan en español?

    En los archivos .js puedes ver el código y traducirlo a español.

  3. oscaroscar11-03-2010

    yo estoy usando scriptaculous 1.8.3. Y jsvalidate no funciona. creo que es por la version. Puedo modificar algo para que funcione o de hecho no funciona con esta version de sriptaculous.
    nota: Tambien uso prototype. GRACIAS

Escribe tu comentario