Pregunta

Estoy tratando de agregar una validación simple a mi formulario asp.net mvc y tengo problemas para agregar la clase .input-validation-error a mis entradas. El validation-summary-errors y .field-validation-error funcionan bien. Gracias de antemano por su ayuda!

Editar: ¡Gracias por la ayuda de todos! Tuve que agregar esta línea al controlador para evitar el error:

ModelState.SetModelValue("txtEmailOrDealerID", collection.ToValueProvider()["txtEmailOrDealerID"]);

La vista:

<%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>
<%} %>

El controlador:

[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");
}

El CSS:

/*Validation*/
.field-validation-error{color: #ff0000;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors{color: #ff0000;}

El método de extensión HTML.Label:

public static string Label(this HtmlHelper helper, string forControl, string text)
{
    return String.Format("<label for='{0}'>{1}</label>", forControl, text);
}
¿Fue útil?

Solución

Desde la parte superior de mi cabeza, el parámetro de id AddModelError debe coincidir con el id de la entrada. Entonces, en su caso, debe cambiarse a:

ModelState.AddModelError("txtEmailOrDealerID", "E-Mail Address or Dealer ID is required.");    
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top