ASP.NET MVC 検証処理

検証結果判定(Controller)

public ActionResult Create(FormCollection collection)
{
　　TEST.Models.MyDBEntities myDb = new TEST.Models.MyDBEntities();
　　
　　//modelの新規作成
　　TEST.Models.MyTable1 model = new TEST.Models.MyTable1();
　　
　　return View(model);
}

[HttpPost]
public ActionResult Create(TEST.Models.MyTable1 model)
{
　　//検証結果を判定
　　if (ModelState.IsValid)
　　{
　　　　TEST.Models.MyDBEntities myDB = new TEST.Models.MyDBEntities();
　　　　//myDB.AddToMyTable1(myTable1: model);
　　　　
　　　　myDB.AddObject(entitySetName: “MyTable1”, entity: model);
　　　　myDB.SaveChanges();
　　　　
　　　　RedirectToAction(“Create”);
　　}
　　
　　return View(model);
}

検証ルール(Model)

using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.Collections.Generic;
入力エラー時に表示されるコントロール名
[DisplayName(“Field1”)]
例：Field1は必須です。
未入力検証
[Required(ErrorMessage = “{0}は必須です。”)]
例：(DisplayName)は必須です。
[EdmScalarPropertyAttribute(EntityKeyProperty=true, IsNullable=false)]
[DataMemberAttribute()]
[RegularExpression(“[0-9]”, ErrorMessage = “{0}は数値を入力してください。”)]
public int Field1 { get; set;}

検証結果の表示(View)

jQueryライブラリ参照
<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(excludePropertyErrors:true)
　　excludePropertyErrors:true ⇒ 入力エラー内容をまとめて表示させない
　　(Html.ValidationMessage等による個別のエラー表示が必要)
　　excludePropertyErrors:false ⇒ 入力エラー内容がまとめて表示される
　　(Html.ValidationMessage等による個別のエラー表示が不要。またはメッセージを「*」等に)
　　
　　<div>
　　　　<div>
　　　　　　@Html.EditorFor(model => model.Field1)<br />
　　　　　　@Html.ValidationMessageFor(model => model.Field1)<br />

　　　　　　//excludePropertyErrors:false時の設定(エラーメッセージを「*」に)
　　　　　　@Html.ValidationMessageFor(model => model.Field1, validationMessage:”*”)<br />
　　　　</div>
　　　　
　　　　<div>
　　　　　　@Html.EditorFor(model => model.Field2)<br />
　　　　　　@Html.ValidationMessageFor(model => model.Field2)<br />
　　　　</div>
　　　　
　　　　<div>
　　　　　　@Html.EditorFor(model => model.Field3)<br />
　　　　　　@Html.ValidationMessageFor(model => model.Field3)<br />
　　　　</div>
　　　　
　　　　<input type=”submit” value=”Create” /><br />
　　</div>
}

検証結果の装飾(CSS)

Content/Site.cssに記載する。
/* Styles for validation helpers
———————————————————–*/
.field-validation-error
{
　　color: #ff0000;
}
.field-validation-valid
{
　　display: none;
}
.input-validation-error
{
　　border: 1px solid #ff0000;
　　background-color: #ffeeee;
}
.validation-summary-errors
{
　　font-weight: bold;
　　color: #ff0000;
}
.validation-summary-valid
{
　　display: none;
}