特定のビューでクライアント側の検証エラーが発生すると、美的および一貫性の問題が発生します。ビューはいくつかの (子) 部分ビューで構成され、基本的には MVC/RazorHtml.Textbox()
とHtml.TextBoxFor()
多くの場所の両方を使用するフォームです。一部の部分ビューでは、入力を厳密に型指定しない必要があるため、 のみが必要です。TextBox()
これらの例では、検証は入力ボックスのクライアント側のスタイリングをトリガーしません。
ModelState が無効であり、 と の両方によってトリガーされた検証エラーから正しいエラー メッセージが表示されることはわかっていHtml.ValidationSummary()
ます。ただし、クラスを取得するのは「input-validation-error」のみです。TextBox()
TextBoxFor()
TextBoxFor()
TextBox()
質問:エラーが発生したときに を赤くするにはどうすればよいですか? (簡単に言えば)。JQuery検証がトリガーされる値または属性が欠落していると思います。
コード:
作品:@Html.TextBoxFor(x => x.Owner, new { @class = "form-control" })
しません:@Html.TextBox(name, Model.Name, new { @class = "form-control" })
HTML出力
作品:<input class="input-validation-error form-control" data-val="true" data-val-required="Input is required." id="Owner" name="Owner" type="text" value="">
しません:<input class="form-control" id="Applicants_1__Name" name="Applicants[1].Name" type="text" value="">