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

  4 Comentarios

  1. dankodigo   •  

    Hola, está muy bueno pero…como puedo usar varias validaciones al mismo tiempo? Por ejemplo al validar un email, validar primero que el campo no esté vacío, y luego que el email sea correcto? Gracias.

  2. oscar   •  

    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

  3. Brian Urban   •     Autor


    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.

  4. nalle   •  

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *