jQuery Tabs: Wie auf eine bestimmte Registerkarte nicht zulassen zu wechseln?
-
12-09-2019 - |
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
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.