ビューの入力に.input-validation-errorクラスが追加されていません
-
07-07-2019 - |
質問
asp.net mvcフォームに簡単な検証を追加しようとしていますが、入力に.input-validation-errorクラスを追加するのに問題があります。 validation-summary-errorsおよび.field-validation-errorは正常に機能します。よろしくお願いします!
編集:みんなの助けてくれてありがとう!!!エラーを回避するために、この行をコントローラーに追加する必要がありました。
ModelState.SetModelValue("txtEmailOrDealerID", collection.ToValueProvider()["txtEmailOrDealerID"]);
ビュー:
<%using (Html.BeginForm("DealerLogin", "Home", FormMethod.Post))
{ %>
<fieldset>
<legend>Dealer Login</legend>
<div class="row">
<%=Html.Label("txtEmailOrDealerID", "E-Mail Or Dealer ID:")%>
<%=Html.TextBox("txtEmailOrDealerID")%>
<%=Html.ValidationMessage("txtEmailOrDealerID", "*")%>
</div>
<div class="row">
<%=Html.Label("txtPassword", "Password:")%>
<%=Html.Password("txtPassword")%>
<%=Html.ValidationMessage("txtPassword", "*")%>
</div>
<div class="centerbutton">
<input type="submit" id="btnSubmitDealer" value="Login"/>
</div>
</fieldset>
<%} %>
コントローラー:
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult DealerLogin(FormCollection collection)
{
if (string.IsNullOrEmpty(collection["txtEmailOrDealerID"].Trim()))
ModelState.AddModelError("txtEmailOrDealerID", "E-Mail Address or Dealer ID is required.");
if (string.IsNullOrEmpty(collection["txtPassword"].Trim()))
ModelState.AddModelError("txtPassword", "Password is required.");
if (ModelState.IsValid)
return Redirect("~/MyUploads");
else
return View("Index");
}
CSS:
/*Validation*/
.field-validation-error{color: #ff0000;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors{color: #ff0000;}
HTML.Label拡張メソッド:
public static string Label(this HtmlHelper helper, string forControl, string text)
{
return String.Format("<label for='{0}'>{1}</label>", forControl, text);
}
解決
頭の上から、AddModelError idパラメーターは入力のidと一致する必要があります。したがって、あなたの場合は、次のように変更する必要があります。
ModelState.AddModelError("txtEmailOrDealerID", "E-Mail Address or Dealer ID is required.");
所属していません StackOverflow