jQuery タブ:特定のタブへの切り替えを禁止するにはどうすればよいですか?

Question

使っています jQueryタブ.

一部のタブではユーザー入力が必要です。

ユーザーが他のタブに切り替えるとすぐに、これらの入力値が検証されます。

ここで私の質問です。

これらの入力値が間違っている限り、他のタブが表示されないようにするにはどうすればよいですか?

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

関数から false を返すだけで、タブの選択ができなくなります。を参照してください。 例 jQuery サイトでのフォーム検証失敗時のタブ選択を防ぐ方法について。

Answer 2

UI タブ オプションを使用してタブを無効にすることができます。その後、それらはグレー表示され、クリックできなくなります。

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

したがって、選択したタブ以外のタブをすべて無効にするだけです。ただし、これは、ユーザーがタブをクリックする前にフォームを検証する必要があることを意味します。