簡易検証を実行する (VB)

[アーティクル]
07/13/2023

ASP.NET MVC アプリケーションで検証を実行する方法について説明します。このチュートリアルでは、Stephen Walther がモデルの状態と検証 HTML ヘルパーについて説明します。

このチュートリアルの目的は、ASP.NET MVC アプリケーションで検証を実行する方法を説明することです。たとえば、必須フィールドの値を含まないフォームを送信できないようにする方法について説明します。モデルの状態と検証 HTML ヘルパーを使用する方法について説明します。

モデルの状態について

検証エラーを表すために、モデルの状態 (正確には、モデルの状態ディクショナリ) を使用します。たとえば、リスト 1 の Create() アクションは、Product クラスをデータベースに追加する前に Product クラスのプロパティを検証します。

検証またはデータベースロジックをコントローラーに追加することはお勧めしません。コントローラーには、アプリケーションフロー制御に関連するロジックのみを含める必要があります。簡単な方法で、物事をシンプルに保つようにします。

リスト 1 - Controllers\ProductController.vb

'
' POST: /Product/Create

<AcceptVerbs(HttpVerbs.Post)> _
Public Function Create(<Bind(Exclude:="Id")> ByVal productToCreate As Product) As ActionResult
    ' Validation logic
    If productToCreate.Name.Trim().Length = 0 Then
    ModelState.AddModelError("Name", "Name is required.")
    End If
    If productToCreate.Description.Trim().Length = 0 Then
    ModelState.AddModelError("Description", "Description is required.")
    End If
    If productToCreate.UnitsInStock

リスト 1 では、Product クラスの Name、Description、UnitsInStock プロパティが検証されます。これらのプロパティのいずれかが検証テストに失敗した場合、エラーがモデルの状態ディクショナリに追加されます (Controller クラスの ModelState プロパティで表されます)。

モデルの状態にエラーがある場合、ModelState.IsValid プロパティは false を返します。その場合、新しい製品を作成するための HTML フォームが再表示されます。再表示されず、検証エラーがない場合は、新しい製品がデータベースに追加されます。

検証ヘルパーの使用

ASP.NET MVC フレームワークには、Html.ValidationMessage() ヘルパーと Html.ValidationSummary() ヘルパーの 2 つの検証ヘルパーが存在します。検証エラーメッセージを表示するには、ビューでこれら 2 つのヘルパーを使用します。

Html.ValidationMessage() および Html.ValidationSummary() ヘルパーは、ASP.NET MVC スキャフォールディングによって自動的に生成される作成ビューと編集ビューで使用されます。作成ビューを生成するには、次の手順に従います。

Product コントローラーで Create() アクションを右クリックし、メニューオプションの[ビューの追加] を選択します (図 1 を参照)。
[ビューの追加] ダイアログで、[厳密に型指定されたビューを作成する] というラベルが付いたチェックボックスをオンにします (図 2 を参照)。
[データクラスの表示] ドロップダウンリストから、Product クラスを選択します。
[ビューコンテンツ] ドロップダウンリストから、[Create] を選択します。
[追加] をクリックします。

ビューを追加する前に、必ずアプリケーションをビルドしてください。そうしないと、[データクラスの表示] ドロップダウンリストにクラスのリストが表示されません。

図 01: ビューの追加 (クリックするとフルサイズの画像が表示されます)

図 02: 厳密に型指定されたビューの作成 (クリックするとフルサイズの画像が表示されます)

これらの手順を完了すると、リスト 2 の [Create] ビューが表示されます。

リスト 2 - Views\Product\Create.aspx

<%@ Page Title="" Language="VB" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage(Of MvcApplication1.Product)" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<title>Create</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Create</h2>

    <%= Html.ValidationSummary() %>

    <% Using Html.BeginForm()%>

        <fieldset>
            <legend>Fields</legend>

            <p>
                <label for="Name">Name:</label>
                <%= Html.TextBox("Name") %>
                <%= Html.ValidationMessage("Name", "*") %>
            </p>
            <p>
                <label for="Description">Description:</label>
                <%= Html.TextBox("Description") %>
                <%= Html.ValidationMessage("Description", "*") %>
            </p>
            <p>
                <label for="Price">Price:</label>
                <%= Html.TextBox("Price") %>
                <%= Html.ValidationMessage("Price", "*") %>
            </p>
            <p>
                <label for="UnitsInStock">UnitsInStock:</label>
                <%= Html.TextBox("UnitsInStock") %>
                <%= Html.ValidationMessage("UnitsInStock", "*") %>
            </p>
            <p>
                <input type="submit" value="Create" />
            </p>
        </fieldset>

    <% End Using %>

    <div>
        <%=Html.ActionLink("Back to List", "Index") %>
    </div>

</asp:Content>

リスト 2 では、HTML.ValidationSummary() ヘルパーが HTML フォームのすぐ上に呼び出されます。このヘルパーは、検証エラーメッセージの一覧を表示するために使用されます。 Html.ValidationSummary() ヘルパーは、箇条書きのエラーをレンダリングします。

Html.ValidationMessage() ヘルパーは、各 HTML フォームフィールドの横に呼び出されます。このヘルパーは、フォームフィールドの横にエラーメッセージを表示するために使用されます。リスト 2 の場合、エラーが発生すると Html.ValidationMessage() ヘルパーにアスタリスクが表示されます。

図 3 のページは、フィールドに値が指定されていなかったり、無効な値が指定されていたりする状態でフォームが送信されたときに、検証ヘルパーによってレンダリングされるエラーメッセージを示しています。

図 03: 問題が発生して送信された [Create] ビュー (クリックするとフルサイズの画像が表示されます)

検証エラーが発生すると、HTML 入力フィールドの外観も変ります。 Html.TextBox() ヘルパーによってレンダリングされるプロパティに関連付けられた検証エラーがある場合、Html.TextBox() ヘルパーは class="input-validation-error" 属性をレンダリングします。

検証エラーの外観を制御するために使用される 3 つのカスケードスタイルシートクラスがあります。

input-validation-error - Html.TextBox() ヘルパーによってレンダリングされる <input> タグに適用されます。
field-validation-error - Html.ValidationMessage() ヘルパーによってレンダリングされる <span> タグに適用されます。
validation-summary-errors - Html.ValidationSummary() ヘルパーによってレンダリングされた <ul> タグに適用されます。

これらのカスケードスタイルシートクラスを変更し、コンテンツフォルダーにある Site.css ファイルを変更することで、検証エラーの外観を変更できます。

Note

HtmlHelper クラスには、検証に関連する CSS クラスの名前を取得するための読み取り専用の静的プロパティが含まれています。これらの静的プロパティは、ValidationInputCssClassName、ValidationFieldCssClassName、ValidationSummaryCssClassName という名前です。

事前バインドの検証と事後バインドの検証

Product を作成するための HTML フォームを送信し、価格フィールドに無効な値を入力し、UnitsInStock フィールドに値を入力しないと、図 4 のような検証メッセージが表示されます。これらの検証エラーメッセージはどこから来るのでしょうか。

図 04: 検証エラーの事前バインド (クリックするとフルサイズの画像が表示されます)

実際には、HTML フォームフィールドがクラスにバインドされる前に生成された検証エラーメッセージと、フォームフィールドがクラスにバインドされた後に生成される検証エラーメッセージの 2 種類があります。つまり、事前バインド検証エラーと事後バインド検証エラーがあります。

リスト 1 の Product コントローラーによって公開される Create() アクションは、Product クラスのインスタンスを受け入れます。 Create メソッドのシグネチャは次のようになります。

Public Function Create(<Bind(Exclude:="Id")> ByVal productToCreate As Product) As ActionResult

Create フォームの HTML フォームフィールドの値は、モデルバインダーと呼ばれるものによって productToCreate クラスにバインドされます。既定のモデルバインダーは、フォームフィールドをフォームプロパティにバインドできない場合に、エラーメッセージをモデルの状態に自動的に追加します。

既定のモデルバインダーは、文字列 "apple" を Product クラスの Price プロパティにバインドできません。 10 進数のプロパティに文字列を割り当てることはできません。そのため、モデルバインダーは、エラーをモデルの状態に追加します。

既定のモデルバインダーではまた、値 Nothing を受け取らないプロパティに Nothing 値を割り当てることはできません。特に、モデルバインダーでは、UnitsInStock プロパティに値 Nothing を割り当てることができません。もう一度、モデルバインダーは放棄し、エラーメッセージをモデルの状態に追加します。

これらの事前バインドエラーメッセージの外観をカスタマイズする場合は、これらのメッセージのリソース文字列を作成する必要があります。

まとめ

このチュートリアルでは、ASP.NET MVC フレームワークでの検証の基本的なメカニズムについて説明しました。モデルの状態と検証 HTML ヘルパーを使用する方法について学習しました。また、事前バインドと事後バインドの検証の違いについても説明しました。その他のチュートリアルでは、コントローラーからモデルクラスに検証コードを移動するためのさまざまな戦略について説明します。

前へ次へ

Share via

簡易検証を実行する (VB)

モデルの状態について

検証ヘルパーの使用

事前バインドの検証と事後バインドの検証

まとめ

フィードバック

フィードバック

その他のリソース