まとめ
Question:
ViewModel の使用時にカスタム検証エラー メッセージが表示されないのはなぜですか。
Answer:
カスタム検証は、クラスではなくビューモデルに適用する必要があります。コード例については、@ JaySilk84の回答の最後を参照してください。
MVC3、使用するプロジェクト
- jquery-1.7.2.min.js
- modernizr-2.5.3.js
- jquery-ui-1.8.22.custom.min.js (アコーディオン プラグイン用に jQuery.com で生成)
- jquery.validate.min.js および
- jquery.validate.unobtrusive.min.js
ビューの dataannotations とコントローラーの ModelState.AddModelError の両方について、プロジェクトで検証作業を行っているため、すべての検証コードが適切に構成されていることがわかります。
ただし、カスタム検証では、コードでエラーが生成されますが、エラー メッセージは表示されません。
public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
{ if (DOB > DateTime.Now.AddYears(-18))
{ yield return new ValidationResult("Must be 18 or over."); } }
POST アクションのデバッグでドリルダウンすると、カスタム検証によりモデルの状態が失敗し、エラー メッセージが適切な値フィールドに配置されますが、モデルがビューに送り返されたときにエラー メッセージが表示されません。コントローラーには ModelState.AddModelError コードもあり、そのメッセージは表示されます。一方が機能し、他方が機能しないという点で、それはどのように異なる方法で処理されますか? そうでない場合、エラーメッセージが表示されないようにするものは他にありますか?
更新 1:
ViewModel を使用してビューでモデルを作成しています。ViewModel を削除すると、エラー メッセージが表示され始めました。メッセージに ViewModel を追加するとすぐに、表示が停止しました。ViewModel でカスタム検証を成功させた人はいますか? 機能させるために他に何かしなければならなかったことはありますか?
更新 2:
これら 2 つの単純なクラス (Agency と Person) を使用して、新しい MVC3 プロジェクトを作成しました。
public class Agency : IValidatableObject
{
public int Id { get; set; }
public string Name { get; set; }
public DateTime DOB { get; set; }
public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
{
if (DOB > DateTime.Now.AddYears(-18)) { yield return new ValidationResult("Must be over 18."); }
}
}
public class Person
{
public int Id { get; set; }
public string Name { get; set; }
}
ここにコントローラーコードがあります
public ActionResult Create()
{
return View();
}
//
// POST: /Agency/Create
[HttpPost]
public ActionResult Create(Agency agency)
{
if (ModelState.IsValid)
{
db.Agencies.Add(agency);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(agency);
}
//[HttpPost]
//public ActionResult Create(AgencyVM agencyVM)
//{
// if (ModelState.IsValid)
// {
// var agency = agencyVM.Agency;
// db.Agencies.Add(agency);
// db.SaveChanges();
// return RedirectToAction("Index");
// }
// return View(agencyVM);
//}
景色
@model CustValTest.Models.Agency
@*@model CustValTest.Models.AgencyVM*@
@* When using VM (model => model.Name) becomes (model => model.Agency.Name) etc. *@
@{
ViewBag.Title = "Create";
}
<h2>Create</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>Agency</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.DOB)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.DOB)
@Html.ValidationMessageFor(model => model.DOB)
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
ビューモデル
public class AgencyVM
{
public Agency Agency { get; set; }
public Person Person { get; set; }
}
代理店のみがビューに表示されると、検証エラーが表示されます (18 歳未満の生年月日)。ViewModel が表示されると、エラーは表示されません。ただし、カスタム検証では常にエラーがキャッチされ、ModelState.IsValid が失敗し、ビューが再表示されます。誰でもこれを複製できますか?理由と修正方法についてのアイデアはありますか?
更新 3:
一時的な回避策として、ValidationResult にパラメータを追加して、Validation をフィールド レベル 1 (モデル レベル 1 に対して) に変更しました。
if (DOB > DateTime.Now.AddYears(-18)) { yield return new ValidationResult("Must be over 18.", new [] { "DOB" }); }
これに関する問題は、エラー メッセージがフォームの上部ではなくフィールドの横に表示されることです (これは、ユーザーがエラー メッセージを表示せずにフォームに戻されるため、たとえばアコーディオン ビューでは適切ではありません)。この二次的な問題を修正するために、このコードを Controller POST アクションに追加しました。
ModelState.AddModelError(string.Empty, errMsgInvld);
return View(agencyVM);
}
string errMsgInvld = "There was an entry error, please review the entire form. Invalid entries will be noted in red.";
モデル レベルのエラー メッセージが ViewModel で表示されないのはなぜですか (詳細については、JaySilk84 への私の回答を参照してください)。