validazione jquery non funziona con il componente SelectBoxIt

Question

Ho installato SelectBoxIt per modificare la mia casella di selezione look & feel, ma ho trovato il problema è che la convalida jquery non funziona, ad esempio se questo campo è richiesto.

Non è necessario che io inserisca il codice perché è facile da riprodurre (ho provato ma la pagina di stackoverflow è appesa). Basta includere jquery.validate.min.js e jquery.selectBoxIt.min.js, quindi creare un elenco a discesa con alcuni elementi, con il primo, un valore vuoto.

Le regole da definire sono:

   'Cliente[cnaid]': { 
        required: true, 
        min: 1 
       }, 

dove Cliente [cnaid] è il nome della casella di selezione.

Qualsiasi suggerimento sarà molto apprezzato,

Grazie Jaime

Answer 1

jQuery Convalida funziona per impostazione predefinita solo su elementi forma visibile. SelectBoxIt nasconde la selezione predefinita e visualizza uno costruito da elementi non formali. Quello che devi fare è aggiungere l'opzione alla tua chiamata validate per permetterle di convalidare elementi nascosti:

$('form').validate({ 
    ignore:'', //i.e. do not ignore hidden elements 
    //rules, etc 
});