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

También puede interesarte:

Tag(s): , ,

3 Comentarios para “JSValidate: Validar formularios con Javascript”

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


  2. 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. 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

Trackbacks/Pingbacks

  1. Validar formularios con Javascript - [...] requiere otras dos bibliotecas para funcionar, las cuales debemos incluir antes de jsvalidate.js view source print<a class="item about" style="width: ...

Dejar un comentario