Validar formularios fácilmente con jQuery

Crear un formulario con html es bastante sencillo, seguramente lo que más tiempo nos lleve a la mayoría es crear el javascript para comprobar que todos los campos han sido rellanados correctamente.

Gracias al blog de unijimpe me entero de un plugin para jQuery llamado VanadiumJS que nos facilitará mucho esta tarea, para instalarlo en nuestro fichero html lo primero que tendremos que hacer es insertar en la cabecera jQuery con el siguiente código:

  • <script type=«text/javascript» src=«http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js»></script>

Una vez hecho esto descargamos VanadiumJS, lo subiremos por ftp y lo pondremos en la cabecera de la siguiente manera.

  • <script type=«text/javascript» src=«vanadium.js»></script>

Cuando tengamos esto en la cabecera del fichero del formulario, ya podremos validar los formularios de una forma sencilla añadiéndole alguna de las siguiente clases según lo que necesitemos validar en el campo:

  • :required -> obligatorio.
  • :integer solo números enteros.
  • :float números decimales.
  • :length;x tiene que tener x caracteres.
  • :min_length;x mínimo x caracteres.
  • :max_length;n máximo x caracteres.
  • :accept debe ser aceptado.
  • :email comprobar email.

Esta es una pequeña lista de ejemplos en VanadiumJS puedes ver muchos otros, también puedes leer el artículo Vanadium: Validar formularios fácilmente

Puedes hacer para continuar leyendo o ¡Puedes dejar un comentario en respuesta al artículo aquí!


Script jQuery para validar formularios
Script jQuery para validar formularios
Realiza transiciones CSS3 fácilmente con jQuery Transit
Realiza transiciones CSS3 fácilmente con jQuery Transit
Crea CSS para formularios fácilmente.
Crea CSS para formularios fácilmente.


Artículos relacionados

Validar código HTML y CSS para emails con Fractal
Validar código HTML y CSS para emails con Fractal
Tutorial rápido de jQuery
Tutorial rápido de jQuery
Calendario con jQuery
Calendario con jQuery
Tutoriales y ejemplos de jQuery.
Tutoriales y ejemplos de jQuery.