Linwind – De Windows a Linux

Validar formularios fácilmente con jQuery

Escrito en: Programación a día 23 Septiembre 2009

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

Clic aquí para ayuda.

4 respuestas to “Validar formularios fácilmente con jQuery”


    • Bitacoras.com dice:

      Información Bitacoras.com…

      Valora en Bitacoras.com: 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…..


    • carlos dice:

      Hola amigo muy buen aporte jajaja es que es problematico crear las balidaciones para cada uno y es un cpdigo extenso lo voy a probar espero que funcione bien.



Deja una respuesta

Cuando comenta está aceptando la Política de privacidad.