탐색 탭에 문제가있는 부분 뷰 유효성 검사 - mvc 4

Question

부분보기에 nav 막대가있는 부분보기가 있습니다. 두 개의 탭이 있고 두 탭의 속성이 같다고 가정 해 보겠습니다. 내 요구 사항은 하나의 textbox 요소 만 검증해야한다는 것입니다.

서버 쪽 유효성 검사입니다. unobtrusive,validate과 같은 스크립트 태그가 모두 있습니다.

내 부분보기 : I 탭 일 오전 때

<ul class="nav nav-tabs"> 
     <li class="active"><a href="#id1" data-toggle="tab">First</a></li> 
     <li><a href="#id2" data-toggle="tab">Second</a></li> 
    </ul> 

    <div class="tab-content 1"> 

    @Html.LabelFor(m=> m.FirstName) 
    @Html.TextBoxFor(m=> m.FirstName) // lets say this is the element for tab 1 


    </div> 

    <div class="tab-content 1"> 
     @using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post)) 
     { 
      @Html.LabelFor(m=> m.FirstName) 
      @Html.TextBoxFor(m=> m.FirstName) 
      @Html.ValidationMessageFor(m=> n.FirstName) // it should only validate this element. 
     } 
    </div> 

, 그것은 여전히 ​​때문에 탭 2 필드의 유효성을 검사 모두 같은 property을 공유하려고합니다.

어떻게 효과적으로 방지 할 수 있습니까?

Answer 1

사용 TAB1

$("#tab1").validate({ }); 

에 대한 양식을 시작하고 모델 '형태의 ID가 동일한 HTML을 살펴보면 TAB2에 대한

$("#tab2").validate({ });