Asp.net MVC3 유효성 검사 이벤트 호출

Question

asp.net MVC3 프로젝트에 페이지가 있습니다. 페이지에는 3 개의 div가 있고, 각 div에는 입력 필드가 있습니다. 이 div는 탭 탐색에 의해 액세스되며 다음 버튼을 클릭하면 각 div에 다음 버튼이 있습니다. 사용자는 jquery로 다음 탭으로 이동합니다. 마지막 탭에는 한 번에 모든 div 필드의 데이터를 제출하는 제출 버튼이 있습니다.

또한이 입력 버튼 클릭시 모든 입력 필드 유효성 검사가 발생합니다. 이러한 유효성 검사는 jquery.validate.js와 모델 클래스의 유효성 검사 속성을 사용하여 수행됩니다.

여기에서 고객은 각 div의 모든 유효성 검사가 각 div의 다음 버튼 클릭에 표시되어야하는 것이므로 모든 유효성 검사를 취소 할 때까지 다음 탭으로 이동하지 않아야합니다.

내 질문은 어떻게하면 다음 버튼 클릭시 유효성 검사 이벤트를 트리거 할 수 있습니까? 여기서 제약 조건은 다음 버튼입니다. 데이터를 게시하지 않고 단지 다음 탭으로 이동합니다.

Answer 1

각 탭에서 다음 버튼을 하이재킹하고 개별적으로 탭의 입력란의 유효성을 검사 할 수 있습니다. 그 중 하나라도 실패하면 이동을 중지하십시오.

$('#tab1').click(function (e) { 
     if (!$("#myform").validate().element("#specificField")){ 
     e.preventDefault(); 
     } 
    });