jQuery Tabs: Como impedir a mudança para um guia específico?

Question

Eu estou usando jQuery Tabs .

Alguns Tabs exigem entrada do usuário.

Assim que o usuário muda para um outro guia esses valores de entrada são validados.

Agora, aqui está a minha pergunta:

Como posso evitar mostrando qualquer outra guia, desde que esses valores de entrada são errado?

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

    }   

})

Obrigado pelo seu tempo

Answer 1

Tudo que você precisa fazer é return false da função e que irá impedir a selecção do separador. Veja a exemplo sobre como impedir a selecção de guia em caso de falha de validação de formulário no local jQuery.

Answer 2

Você pode desativar as guias com as opções de guias de interface do usuário. Em seguida, eles estão a cinzento e não pode ser clicado.

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

Assim que você acabou de desativar todos os outros guia que não é o selecionado. Isso significaria, porém, que você terá que validar o formulário antes de o usuário clicar na guia.