JQuery Validar: Validar un formulario oculto (posible error)

Question

Estoy usando el JQuery Validation plugin para manejar la validación del formulario.

El problema que tengo es que cuando un formulario está oculto, el complemento de validación ignora los campos que deben validarse y salta directamente al enviar el formulario.

Ejemplo: http://jsfiddle.net/Qg5WQ/

he tenido una mirada a través del plug-in de options y buscado en Google este problema, pero no puedo encontrar nada que especifica qué se ignoran campos de un formulario oculto.

Vale la pena señalar que si hay dos formularios en una página, donde uno está oculto y se muestra uno, ambos formularios se validan correctamente si ambos formularios usan el mismo método de validación. Sin embargo, si llama a dos métodos de validación separados, los campos dentro del formulario oculto aún se ignoran.

Validación de dos formas utilizando la misma función de validación: http://jsfiddle.net/Qg5WQ/1/

Validación de dos formas utilizando diferentes funciones de validación: http://jsfiddle.net/Qg5WQ/2/

¿Alguien sabe si esto es un error o hay una específica forma de validar formularios ocultos?

Answer 1

probar este http://jsfiddle.net/Qg5WQ/3/

que añade el ignore: opción hidden a la llamada validate.

$("form").validate({ 
    ignore: 'hidden', 
    rules: { 
    "first": "required" 
    }, 
    invalidHandler: function() { 
    alert("error"); 
    }, 
    submitHandler: function(form) { 
    alert("no error"); 
    } 
}); 

Answer 2

Si usted echa un vistazo a la opción ignore en el documentation page, se dice que el valor por defecto es :hidden. Esto obviamente significa que si no especifica explícitamente la opción ignore, la validación ignorará las entradas ocultas.

Simplemente defina la opción ignore (puede dejarse en blanco) y debería solucionar el problema.

$("form").validate({ 
    ignore: '', 
    rules: {"hidden_field": {required:true}} 
});