Hallo

Ich nutze Bootstrap und die Tabs.

Zusätzlich zu den Tabs oben, soll es unten einen weiter/zurück Button geben.
Sind im ersten Tab nicht alle Felder ausgefüllt, dann soll man ein Hinweis beim klick auf weiter erhalten und kommt nicht weiter.

Mit den weiter/zurück Button klappt dies.
Aber wenn ich auf den Reiter (zB den 2. step_2) klicke und die Felder nicht ausgefüllt sind, wollte ich dies mit:

$("#step_2").removeClass("active in");
$('#form_tabs li:eq(0) a').tab('show');

Allerdings klappt dies nicht, wenn ich dies in die Konsole eingebe schon.
Was bei mir passiert ist das ich beide sehe step_2 und step_1 untereinander.
Weil Bootstrap wohl immer danach erst seine Funktion startet.

Hat Jemand einen Tipp?
event.stopPropagation(); brachte mich auch nicht weiter... .

Man soll am Besten gar nicht erst zum 2. Tab kommen wenn Tab 1 nicht ausgefüllt ist.