c# - エラーでテキストフィールドに赤線を引く

Question

私のアプリには、値を保持するテキストフィールドがあります。ユーザーが送信ボタンをクリックして無効な値を入力すると、エラー メッセージが表示されます。

私のモデルでは：

 [DisplayName("Length")]
    [Range(4, 64, ErrorMessage = "You are using a invalid length")]
    public int Length { get; set; }

私の見解：

        @Html.LabelFor(m => m.Length):

            @Html.TextBoxFor(m => m.Length) (4 - 64 chars)
            @Html.ValidationMessageFor(m => m.Length)

また、エラーによってテキストフィールドに赤い線が引かれるようにしたいです。

Answer 1

.input-validation-errorCSS ルールを次のように定義できます。

.input-validation-error {
    border: 1px solid #e80c4d;
}

このクラスは、検証エラーが発生した場合、TextBoxFor ヘルパーによって対応する入力フィールドに自動的に追加されます。