Validación de formularios con jQuery-Validation-Engine

 

Dando inicio la temporada después de unas más que merecidas vacaciones, me decido a recomendaros un plugin que hará las delicias de quienes, como yo, necesiten realizar formularios en aplicaciones web, y, cómo consecuencia, el tedioso proceso de validar que los datos introducidos por el usuario, son los esperados.

Se trata de jQuery-Validation-Engine, un plugin para jQuery que valida prácticamente cualquier tipo de campo que necesitemos, incluido rango de fechas, email, y, para mí lo más importante, regexp (reglas especiales para el formateo de campos). Cómo siempre, todos los parámetros que se incorporan en el plugin son anidables, por lo que podemos coger y decirle a un campo que sea requerido, de 5 caracteres y que además, sea un correo electrónico.

Otra posibilidad interesante bajo mi punto de vista, es el hecho de poder por un lado, validar todo el formulario con Jquery y Ajax y, después, poder montar un objeto para grabar los datos en nuestra base de datos.

Cómo veis, las funcionalidades son tremendas, y el resultado, pues para mí, un 10.

Cualquier comentario al respecto o duda, será bienvenida!

Más información (y descarga) en github

 

 

 

 

Anuncios

9 Comments

  1. I don’t think you can do that, it uses regex in all of them. I’m sure you can ask this question on the GirHub forum.
    Thanks for commenting.

  2. hola, muy bueno el artículo

    he agregado el plugin a mi página web

    pero no se como puedo enviar los datos del formulario despues de que esten validados

    sabes si existe alguna funcion dentro del plugin que lo haga, he buscado y no he encontrado nada sobre este tema

    podrías ayudarme??

    Un saludo

  3. miguel que es lo que quieres hacer enviar los datos a un archivo php, o algun otro para manejar esos datos?

  4. Hola, muy buenas a ambos, un placer ver que por fin alguien comenta algún post mío.

    Vamos por partes Miguel:

    Suponiendo que nuestro formulario se llamase ‘form1’:

    if ( $(“#form1”).validationEngine(‘validate’) == true){
    //código a hacer
    }

    Con esto sabríamos si se ha validado correctamente. De la misma manera, si fuese ‘false’ significaría que no hay algún tipo de error y por tanto no lo enviaría.

    Una vez estuviese validado, ya sería cuestión de o decirle que haga un submit
    Si lo haces con jQuery $(“#form1”).submit();
    o si lo tuyo es JavaScript “a pelo”: document.forms[“form1”].submit();

    Espero que esto os aclare la duda. Si no, tengo algún código más de ejemplo por ahí, pero creo que con esto no deberíais tener excesivos problemas.

    Según comenta ‘Anónimo’, también se podría redirigir los datos validados a otro tipo de archivo PHP (o ASP, Perl, CGI, etc…) para poderlos gestionar mejor, ya fuera con base de datos o para acceder a otra página, en fin, muchas cosas.

    Un saludo

  5. Amigo Raúl muchas gracias por tu comentario de verdad me ha servido bastante…

  6. Amigo me podrías ayudar estoy validando con jQuery-Validation-Engine pero no se donde va el código ajax luego de la validación para enviar la información del formulario a un archivo php. por favor me puedes indicar donde pongo el código.
    este es el código que tengo.

    jQuery(document).ready(function(){
    // binds form submission and fields to the validation engine
    jQuery(“#formAjax”).validationEngine(). css ({ frontera : “2px solid # 000” });

    });

    function checkHELLO(field, rules, i, options){
    if (field.val() != “HELLO”) {
    // this allows to use i18 for the error msgs
    return options.allrules.validate2fields.alertText;
    }
    }

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s