jQuery Вкладки: как запретить переход на определенную вкладку?

Question

Я использую jQuery Tabs.

Некоторые вкладки требуют ввода пользователем.

Как только пользователь переключится на другую вкладку, эти входные значения будут проверены.

Теперь вот мой вопрос:

Как я могу предотвратить показ любой другой вкладке, если эти входные значения являются неправильными?

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

    } 

}) 

Спасибо за ваше время

Answer 1

Все, что вам нужно сделать, это вернуть ложь от функции и предотвратит выбора вкладки. См. example о том, как предотвратить выбор вкладок при сбое проверки формы на сайте jQuery.

Answer 2

Вы можете отключить свои вкладки с помощью параметров вкладки пользовательского интерфейса. Затем они выделены серым цветом и не будут доступны.

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

Таким образом, вы просто отключите каждую другую вкладку, которая не выбрана. Это означало бы, что вам нужно будет проверить форму до того, как пользователь нажмет на вкладку.