설정은 좀 유효성 검사를 수행하고 ModelState에 오류를 추가하는 모델을 가지고

Question

ASP.NET MVC 모델의 오류에 초점 :

ViewData.ModelState.AddModelError("mycontrol", "message") 

그들은보기 측에 잘 표시 할 수 있지만 거기에있다 유효성 검사 메시지에 해당하는 컨트롤에 포커스를 설정하는 방법은 무엇입니까? 지금은 페이지가 새로 고쳐지고 페이지 상단에 머물러 있기 때문에 오류가 페이지 끝 부분에 있다면 사용자에게 어떤 일이 발생했는지 분명하지 않습니다.

참고 : 다른 솔루션은 ValidationSummary가 페이지 상단에 오류 목록을 표시하는 것이지만 아무 것도 표시하지 못했습니다. 내 모든 오류는 ValidationMessage를 통해 표시됩니다.

편집 : ValidationSummary에서 문제점을 발견했습니다. 내가 가진 마크 업이었다 :

했어야

<% Html.ValidationSummary()%> 

: 난 아직도하고 싶은

<%=Html.ValidationSummary()%> 

그러나 오류와 함께 현장에 스냅하는 방법을 알고.

Answer 1

오류가있는 첫 번째 입력으로 스크롤하는 jquery 장점이 있습니다. 까다로운 점은 jQuery 객체의 focus() 메소드가 포커스를 요소에주는 대신 초점 이벤트를 발생시킬 때 focus()를 호출하기 전에 기본 DOM 요소를 가져와야한다는 것입니다.

<script type='text/javascript'> 
    $(document).ready(function() 
    { 
     var input = $('.input-validation-error:first'); 

     if(input) 
     { 
      input.focus(); 
     } 
    }); 
</script> 

Answer 2

JavaScript를 사용하여 MVC 유효성 검사 HTML 클래스 (input-validation-error)가 추가 된 입력 요소를 찾은 다음 캐럿을 첫 번째 캐럿으로 이동할 수 있습니다. 내가 테스트하지는 않았지만 그 요소로 화면 이동/이동해야한다.

jQuery와 같은 JS 라이브러리를 사용하면이 작업을 간단하게 수행 할 수 있습니다.