ASP.NET Core MVC/バリデーション

• ASP.NET Core MVC でのモデル検証の概要

• ASP.NET Core × jQuery Validationでエラーを表示する
• ASP.NET Core におけるバリデーションの基本

• ASP.NET Core 2.0 MVC Model Validation
• ASP.NET Core MVC Client Data Validation - Part 2: jQuery validation

• ASP.NET Core で複雑なバリデーションをする

基本 †

クライアントサイド検証 †

必要なライブラリ †

以下の2つの方法でライブラリをインクルード

• 手動インクルード 以下のソースを<script>タグでインクルード
  • jquery-validation
  • jquery-validation-unobtrusive

• フォームを含む *.cshtml の最後に以下を追記

  @section Scripts {
      @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
  }

  • これにより、Views/_ValidationScriptsPartial?.cshtml の内容がレンダリングされる

Viewの変更 †

• エラーメッセージ表示：モデル検証のみ

  <div asp-validation-summary="ModelOnly" class="text-danger"></div>

• エラーメッセージ表示：全て（カスタム検証も含む）

  <div asp-validation-summary="All" class="text-danger"></div>

サーバサイド検証 †

カスタム検証 †

• ASP.NET Core で複雑なバリデーションをする

ValidationAttribute? †

IValidatableObject? †

アノテーション †

• [Required] and [BindRequired] in ASP.NET Core MVC
• Required string attribute with null value gives IsValid=true in ASP.NET Core 2 Razor Page
• ASP.NET MVC でテキストボックスとラベルに別の書式を使用する

• よく使われる入力検証をまとめてみる

• ASP.NET MVCのモデルでよく使う属性（アノテーション）リスト

必須項目 †

• [Required]

文字数制限 †

• [MaxLength?([Length], ErrorMessage? = "[Message]")]

数値範囲制限 †

• [Range([MIN], [MAX], ErrorMessage? = "[Message]")]

エラーメッセージ †

エラーメッセージの表示 †

個別出力 †

<span asp-validation-for="[モデルのプロパティ名]" class="text-danger"></span>

一括出力 †

• モデル検証のみ

  <div asp-validation-summary="ModelOnly" class="text-danger"></div>

• カスタム検証も込みで全て

  <div asp-validation-summary="All" class="text-danger"></div>

ローカライゼーション †

• ASP.NET Core のValidationエラメッセージを一括で日本語化する
• ASP.NET Coreでエラーメッセージを日本語で表示する