設定は、私はいくつかの妥当性チェックを行い、にModelStateにエラーを追加したモデルを持っている

Question

ASP.NET MVCモデルエラーに焦点を当てる：

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

彼らは、ビュー側の細かい表示するが、そこにあります検証メッセージに対応するコントロールにフォーカスを設定する方法は？今、ページが更新されてページの上部にとどまるので、エラーがページの最後に向いている場合、ユーザーには何が起こったのかは分かりません。

注：別の解決策は、ValidationSummaryがページの上部にエラーのリストを表示することですが、何も表示することができませんでした。すべてのエラーはValidationMessageを介して表示されます。

編集： ValidationSummaryで問題が見つかりました。私が持っていたマークアップされました：

<%=Html.ValidationSummary()%> 

私はまだしかしエラーでフィールドにスナップする方法を知りたい：されている必要があります

<% Html.ValidationSummary()%> 

。

Answer 1

最初の入力までスクロールしてエラーが発生するjqueryの良さがあります。トリッキーなことは、jQueryオブジェクトのfocus（）メソッドがfocus要素をフォーカスするのではなく、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クラス（入力検証エラー）が追加された入力要素を見つけ出し、最初のキャラットに移動することができます。私はそれをテストしていませんが、/その要素に画面を移動する必要があります。

jQueryなどのJSライブラリは、これを簡単に行うことができます。