新しいテキスト入力後にモデルステートエラーをビューから削除する

Question

現在、MVC4のWebサイトでjqueryの検証を実装しようとしています。

私は、ユーザー名がmodel.Usernameテキストボックスに記入thatsの場合はエラーを与え、私のHTTP POSTのにModelStateが存在しないコメントを追加しました：

ModelState.AddModelError("UsernameNull", "Username does not exist"); 

そして、私の見解でEditorFor &検証メッセージ：

@Html.LabelFor(model => model.Username, "Username:") 
@Html.EditorFor(model => model.Username) 

<div class="error-container"> 
@Html.ValidationMessage("UsernameNull", null, new { @class = "error-container-error" }) 
</div> 

投稿後に「ユーザー名が存在しません」というエラーが正常に表示されますが、エラーはビューページに残ります。私が達成したいのは、新しい入力がmodel.Usernameテキストボックスに入力されたときにエラーが消えてしまうことです。

Answer 1

データアノテーションバリデーターを利用することをお勧めします。これにより、クラスプロパティに1つ以上の属性を追加するだけで検証を実行できます。

using System.ComponentModel.DataAnnotations; 

namespace MvcApplication.Models 
{ 
    public class MyModel 
    { 
     [Required(ErrorMessage = "User name is required")] 
     [DisplayName("User Name")] 
     public string UserName { get; set; } 
    }  
} 

モデル状態がエラー

[HttpPost] 
public ActionResult MyAction(MyModel model){ 
    if(!ModelState.IsValid) 
     return View(); 

    // Insert logic here 
    //return RedirectToAction("Index"); 
} 

が最後にあなたのビューであなたはPOSTしようとした場合

<div class="error-container"> 
    @Html.ValidationMessage("UserName", "*", new { @class = "error-container-error" }) 
</div> 

を使用することができるはず含まれている場合は、次のコントローラのアクションは、ビューを再表示フォームにUserNameテキストボックスが空の場合、クラスに定義されている検証メッセージが表示されます。