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? 
     */ 

    } 

}) 

은 당신이해야 할 모든 함수에서 false를 반환하고 탭을 선택 방지 할 수있다

Answer 1

시간 내 주셔서 감사합니다. jQuery 사이트에서 양식 유효성 검증 실패시 탭 선택을 방지하는 방법은 example을 참조하십시오.

Answer 2

UI 탭 옵션을 사용하여 탭을 비활성화 할 수 있습니다. 그런 다음 회색으로 표시되어 클릭 할 수 없습니다.

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

그러면 선택한 것이 아닌 다른 모든 탭을 비활성화하기 만하면됩니다. 즉, 사용자가 탭을 클릭하기 전에 양식의 유효성을 검사해야한다는 것을 의미합니다.