JSValidate: Framework para validar formularios en javaScript
Jueves, Febrero 4th, 2010
Buscando formas de validar mis formularios (Ya que en PHP se me hacia algo tedioso de hacer) decidí buscar en distintos blogs de programación, pero cuando hice una búsqueda en particular en Google hubo una página que obtuvo mi atención, era la página oficial de un completo framework para validar los formularios.
JSValidate es el nombre del framework programado en JavaScript y que tiene muchas opciones para validar nuestros formularios.
Como usar JSValidate
Usar el framework es más sencillo de lo que parece y se usa como cualquier archivo JavaScript externo con la diferencia de que aquí usamos la propiedad class de las etiquetas para llamar la función del framework que necesitemos.
Primer paso: Debemos descargar el framework del sitio web oficial, luego lo descomprimimos en la carpeta de nuestro proyecto web o donde lo creamos conveniente.
Segundo paso: Llamamos los scripts externos de esta manera:
<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>
Tercer paso: Según en la etiqueta que queramos validar o campo llamamos la función dentro de la propiedad class de esta manera:
<input type="text" name="nombre" class="jsvalidate_number" />
Las distintas funciones del framework poseen distintos nombres que debes tener en cuenta para así según su función hacer uso de ellas. Algunas de sus funciones son:
- jsrequired: El campo debe tener algún tipo de valor.
- jsvalidate_number: Acepta decimales y negativos.
- jsvalidate_digits: Acepta solo números.
- jsvalidate_alpha: Solo letras.
- jsvalidate_alphanum: Solo letras, números y subrayados.
- jsvalidate_email: Cualquier dirección de correo valida.
- jsvalidate_uscanzip: Código postal de E.U. o Canada.
- jsvalidate_usstate: Cualquier estado de dos letras mayúsculas de los estados unidos.
- jsvalidate_usphone: Acepta números de teléfono de los formatos más conocidos en E.U.
- jsvalidate_creditcard: Valida VISA, MasterCard, American Express formatos sin espacios o guiones.