Tabs jQuery: Come disattivare il passaggio a una scheda specifica?

Question

Sto usando jQuery Tabs .

Alcune schede richiedono l'input dell'utente.

Non appena l'utente passa a un'altra scheda questi valori di input vengono convalidati.

Ora qui è la mia domanda:

Come faccio a impedire che mostra un'altra scheda fintanto che questi valori di input sono sbagliati?

$("#tab").bind('tabsselect', function(){

   if ( ... )
   {
       alert ( 'Please fill all required fields before proceeding' );

      /*         
            What code do I have to place here to prevent displaying this tab?
      */

    }   

})

Grazie per il vostro tempo

Answer 1

Tutto quello che dovete fare è restituire falso dalla funzione e impedirà selezionando la scheda. Vedere la su come impedire la selezione scheda in caso di fallimento di convalida modulo in sito jQuery.

Answer 2

È possibile disattivare le schede con le opzioni schede di interfaccia utente. Poi sono in grigio e non cliccabile.

$('.selector').tabs('option', 'disabled', [1, 2]);

Quindi, basta disattivare ogni altra scheda che non è quello selezionato. Ciò significherebbe, però, che si dovrà convalidare il form prima che l'utente fa clic sulla scheda.