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.
Vía ProgramandoIdeas
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.
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
En los archivos .js puedes ver el código y traducirlo a español.
hola, donde puedo modificar para que los mensajes me salgan en español?