Question

saludos compañeros.
me encuentro haciendo un sencillo validador de formularios con jquery y la libreria de Jquery.validate()
pero algo no va bien, no se si es que lo que quiero hacer no se puede o aun no he encontrado la solucion.. mi codigo es el siguiente

creo un objeto que contiene los ID de los campos de esta forma puedo cambiarlos en cualquier momento.

var fields = {
campo_tipo : "input_tipo",
campo_detalle : "input_detalle"};

ahora instancio el formulario para validar

$("#myForm").validate({
    rules : {
        fields.campo_tipo : { required : true }
    },
    messages : {
        fields.campo_tipo : { required : "falta datos"}
    } });

pero al momento de validar me marca error

SyntaxError: missing : after property id : fields.campo_tipo {required : true}

¿Alguien conoce algún método?

Comments

Estas haciendo esto por aprender? o realmente necesitas validar campos? Te dejo este plugin que ocupo http://parsleyjs.org/documentation.html

Answer 1

Hola @elviscastro,

Estuve probando variantes de tu código y no veo problemas evidentes. Sin tener el código completo estamos asimiendo que tanto JQuery como el plugin están bien cargados y que el formulario se corresponde con la validacion que hacés.

Primero, probá justo antes de

$("#myForm").validate({

poner un alert() o un console.log() de fields.input_tipo para estar seguro de que el ámbito de la variable es válido antes de la llamada.

Te recomiendo también mirar estos ejemplos http://fgualambo.blogspot.com.ar/2013/01/jquery-validate-bootstrap.html para ver variantes de la sintaxis y el uso del plugin.

Saludos cordiales.

Answer 2

Yo utilizaba el Jquery Validate, pero la verdad se me complico mucho cuando necesitaba ciertos aspectos tenia que personalizar muchas validaciones.

mi recomendación es utilizar HTML 5

<input type="text" required>

eso por experiencia, y actualmente admite patrones de entrada aunque solo los soporta chrome pero seria bueno no llenar muchos scripts de validación.