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]);

따라서 선택한 탭이 아닌 다른 모든 탭을 비활성화합니다. 그러나 사용자가 탭을 클릭하기 전에 양식을 검증해야한다는 의미입니다.