Validación de Formularios -VanadiumJS-

VanadiumJS es un plugin para jQuery que permite validar formularios de manera sencilla y con pocas lineas de código. Permite validar campos obligatorios, numéricos, email, llamadas ajax con respuestas en forma json entre otros.

Como utilizar Vanadium

Descargamos el script desde http://vanadiumjs.com/ , sólo la encontrarás en la versión ingles. Para la versión en castellano [descargar]. (realizada por 13deseptiembre)

Lo agregamos a nuestro proyecto junto con la libreria de jQuery.

<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/vanadium_<?php echo $idioma?>.js"></script>

y CSS:

<link rel="stylesheet" type="text/css" href="css/vanadium.css" />

Lo siguiente es agregar a los campos de nuestro formulario el tipo de validación que queremos aplicarle, esto se hace agregando estilos a los campos. Algunos de los tipos de validación disponibles son:

• :required -> obligatorio.
• :integer -> solo números enteros.
• :float -> números decimales.
• :digits -> sólo números
• :number-> un número válido
• :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(check).
• :email -> comprobar email.
• :format;n -> expresión regular n
• :date -> fecha válida
• :date_au -> formato de fecha: dd/mm/aaaa
• :url -> URL válida
• :alphanum -> letras (a-z) y números (0-9)
• :asciialpha -> letras ASCII (a-z)
• :alpha -> sólo letras

Ejemplo:

Ususario:

<input name="username"  type="text" id="username" size="36"  class=":required" />

Email:

<input name="email" type="text" id="email" size="36"  class=":email" />

y listo, ya tenemos nuestro formulario validado.

Compatible

• Firefox
• Internet Explorer 6
• Internet Explorer 7
• Internet Explorer 8
• Safari
• Opera 9.x +
• Konqueror 3.5.x +

Link:

• Web del Autor.
• Ejemplo funcionando. (Castellano – Ingles).
• Descargar Ejemplo. (Castellano – Ingles).

saludos promero

¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscríbes a mi feed y obtienes los artículos como este enviados automáticamente cada día hacia tu lector de feeds.