Convalida JQuery: convalida di un modulo nascosto (possibile errore)

Question

Sto utilizzando lo JQuery Validation plugin per gestire la convalida del modulo.

Il problema che sto avendo è che quando un modulo è nascosto, il plugin di validazione ignora i campi che devono essere convalidati e salta direttamente all'invio del modulo.

Esempio: http://jsfiddle.net/Qg5WQ/

ho avuto uno sguardo attraverso il plugin del options e Googled questo problema, ma non riesco a trovare nulla che specifica il motivo per cui i campi all'interno di una forma nascosta vengono ignorati.

Vale la pena notare che se sono presenti due moduli in una pagina, in cui uno è nascosto e uno è visualizzato, entrambi i moduli vengono convalidati correttamente se entrambi i moduli utilizzano lo stesso metodo di convalida. Tuttavia, se si chiamano due metodi di convalida separati, i campi all'interno del modulo nascosto vengono comunque ignorati.

Convalida due forme utilizzando la stessa funzione di validazione: http://jsfiddle.net/Qg5WQ/1/

Convalida due forme utilizzando diverse funzioni di validazione: http://jsfiddle.net/Qg5WQ/2/

Qualcuno sa se si tratta di un bug o c'è una specifica modo per convalidare i moduli nascosti?

Answer 1

provare questo http://jsfiddle.net/Qg5WQ/3/

ho aggiunto il ignore: possibilità hidden alla chiamata validate.

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

Answer 2

Se si estrae l'opzione ignore sul documentation page, si dice che il valore predefinito è :hidden. Ciò significa ovviamente che se non si specifica esplicitamente l'opzione ignore, la convalida ignorerà gli input nascosti.

Basta definire l'opzione ignore (può essere lasciata vuota) e dovrebbe risolvere il problema.

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