2009-09-14 9 views
1

私のasp.net mvcフォームに単純な検証を追加しようとしていて、.input-validation-errorクラスを自分の入力に追加するのに問題があります。 。 validation-summary-errorsと.field-validation-errorは正常に動作します。あなたの助けを前もってありがとう!.input-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); 
} 

答えて

2

私の頭の上から、AddModelError idパラメータは入力のIDと一致する必要があります。したがって、あなたの場合は、

ModelState.AddModelError("txtEmailOrDealerID", "E-Mail Address or Dealer ID is required.");  
に変更する必要があります。