2011-09-02 4 views
2

jquery UI/TABS를 사용하는 3 개의 탭이있는 양식이 있습니다. 메신저 양식을 검증하기 위해 JQuery와 유효성 검사 플러그인을 사용하여 내 두번째 탭의 텍스트 상자에서는 다음 사용자가 어디에 오류가오류 발생시 jquery 탭을 강조 표시 jquery 유효성 검사 플러그인으로 유효성 확인

도움

관련

에서 오는 볼 수있는 2 탭을 선택하는 데 필요한 필드 오류에 충돌하는 경우

답변

2

두 번째 탭을 찾아 CSS 클래스를 추가하십시오. 이 같은

을 감안할 때 사용자가 만든 탭 :

$("#example").tabs(); 

쉽게 탭 중 하나를 "선택"하고 강조 할 몇 가지 클래스를 추가 할 수 있습니다 (세 번째 탭으로 클래스를 추가합니다 :

물론
$("#example > ul > li:nth-child(3)").addClass('my_tab_highlight'); 

당신은 어떤 visuall 표시를하려면 my_tab_highlight CSS의 클래스에 해당하는 일부 CSS를 가지고있다. 또한, 사용자가이 세 번째 탭을 클릭 한 후 당신이 아마 my_tab_highlight 클래스를 제거 할 것입니다.

+0

나는 CSS를 추가 할 수 있습니다 문제는 어떤 이벤트에 내가 addClass를 호출 무엇입니까? –

+1

어떤 jquery 유효성 검사 플러그인을 사용하고 있는지에 따라 다릅니다. – WTK