Frage

Ich bin mit jQuery Tabs .

Einige Tabs erfordern Benutzereingabe.

Sobald der Benutzer schaltet auf einen anderen Reiter werden diese Eingabewerte validiert.

Hier ist nun meine Frage:

Wie kann ich verhindern, dass andere Registerkarte zeigt, solange diese Eingabewerte falsch sind?

$("#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?
      */

    }   

})

Vielen Dank für Ihre Zeit

War es hilfreich?

Lösung

Alles, was Sie tun müssen, ist von der Funktion false zurück und es wird verhindert, dass die Registerkarte Auswahl. Sehen Sie sich die Beispiel wie Registerkarte Auswahl auf Formular Prüfungsfehler bei dem verhindern jQuery Website.

Andere Tipps

Sie können Ihre Tabs mit den UI-Registerkarten Optionen deaktivieren. Dann werden sie grau dargestellt und nicht anklickbar.

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

So einfach in jede andere Registerkarte deaktivieren, die nicht die ausgewählten ist. Das würde allerdings bedeuten, dass Sie das Formular muss bestätigen, bevor der Benutzer auf die Registerkarte klickt.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top