jQuery 탭 : 특정 탭으로 전환을 허용하지 않는 방법은 무엇입니까?
-
12-09-2019 - |
문제
나는 사용 중입니다 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를 반환하면 탭을 선택하지 않으면됩니다. 참조 예시 jQuery 사이트에서 양식 유효성 검사 실패에 대한 탭 선택을 방지하는 방법.
다른 팁
UI 탭 옵션으로 탭을 비활성화 할 수 있습니다. 그런 다음 그들은 회색으로 나가고 클릭 할 수 없습니다.
$('.selector').tabs('option', 'disabled', [1, 2]);
따라서 선택한 탭이 아닌 다른 모든 탭을 비활성화합니다. 그러나 사용자가 탭을 클릭하기 전에 양식을 검증해야한다는 의미입니다.
제휴하지 않습니다 StackOverflow