Pedir presupuesto

W3formValidation – Ejemplo validación de formularios

w3formValidation

Si estais buscando la manera de hacer una validación de un formulario antes de enviarse al servidor, os voy a explicar de una manera muy rápida y fácil, en tan sólo 4 pasos como conseguirlo y además con una muy buena estética, parecido al efecto de las galerías LightBox:

Ver Ejemplo

Descargar Ejemplo

  1. PRIMER PASO: Descargar los archivos necesarios para realizar las validaciones:
  2. SEGUNDA PASO: Incluir en la cabecera las llamadas a los archivos necesarios de la siguiente manera:

     

    [html]

    [/html]

     

  3. TERCER PASO: Crear el formulario correspondiente, por ejemplo:

     

    [html]

    Validación de formulario


    [/html]

     

  4. CUARTO PASO: Incluir las validaciones que queramos, en este ejemplo he puesto las comunes:

     

    [js]

    [/js]

 

No dudeis en hacerme cualquier pregunta que tengais con respecto a este código, así como de algún fallo que os hayais encontrado.

Ver Ejemplo

Descargar Ejemplo

 

Actualización 06-Junio-2008: Por motivos desconocidos la página donde ofrecian la libreria w3formValidation no está disponible, asi que he puesto un enlace para descarga de todo el código. Disculpad las molestias.

¿Te ha gustado?, Comparte!!

7 comentarios

  1. Hola que tal, estuve viendo este articulo donde se explica como utilizar la libreria w3-form-validation.js para la validacion de los formularios y me parecio muy bueno. Yo intentete descargar las librerias desde los link que se pusieron pero no funcionan. Quisiera seber si hay una posobilidad de que me las envien a mi casilla de correo porque las necesito para mi proyecto; se los agradeceria mucho.
    Saludos!!

  2. Hola German, ya te he enviado una respuesta a tu mail, y además he actualizado la entrada dando la opcion de descargar los archivos de ejemplo….

    Gracias por avisar.

    Saludos.

  3. Muy bueno, la verdad me gusta mucho hay alguna forma de conseguir los archivos, ya que los link no funcionan. Gracias por el aporte y brindar el conocimiento

  4. A mi me funcionan perfectamente los links …. No se que te puede estar pasando …
    A unas malas, me mandas un correo a través de la zona de contacto del Blog, y te envio yo los archivos…

    Saludos.

  5. hola,
    me parece muy bueno este script, pero no entiendo mucho, yo quisiera poner mis propias funciones, para validar por ejemplo que un campo solo acepte numeros, etc. y no se donde aumentar.

    por favor si tuvieras algun ejemplo para que pueda guiarme.

    saludos.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

¡Pide tu presupuesto!

Completa los campos para poder enviarte un presupuesto

Todos y tu presupuesto son a medida y totalmente personalizados, entendemos que dos proyectos online no pueden ser iguales y que cada cliente tiene unos objetivos y necesidades muy diferentes, es por eso que para elaborar un presupuesto, necesitamos saber de ti, tu proyecto y objetivos.

Los campos marcados con (*) son obligatorios.

La comunicación enviada quedará incorporada a un fichero del que es responsable COLORDEU. Esta comunicación se utilizará exclusivamente para tratar sus datos para atender su solicitud, siempre de acuerdo al Reglamento (UE) 2016/679 (RGPD), la Ley Orgánica 15/1999 (LOPD) y el Real Decreto 1720/2007 de desarrollo de la LOPD), sobre protección de datos. Sus datos no se comunicarán a terceros, excepto por obligación legal, y se mantendrán mientras no solicite su cancelación. En cualquier momento usted puede ejercer los derechos de acceso, rectificación, portabilidad y oposición, o si procede, a la limitación y/o cancelación del tratamiento, comunicándolo por escrito, indicando sus datos personales mediante un email a hola@colordeu.es