出现错误时样式DropdownListFor

时间:2016-09-15 14:29:15

标签: css asp.net asp.net-mvc

在我的应用程序中,用户必须从DropDownList中选择Product Categories。所以我想做的是,如果他没有选择一个类别并尝试发送他的订单,DropDownList应该突出显示,以便他看到,他必须选择一个类别。我现在的问题是,我试图设计这个DropDownList的尝试不是其中之一。所以我希望你能帮助我或告诉我问题出在哪里:

CSS-文件:

.field-validation-error {color: #ffb3b3;}
    .field-validation-valid {display: none;}
    .input-validation-error {border: 1px solid #f00; background-color: #ffb3b3;}
    .select.input-validation-valid { display: none;}
    .select.input-validation-error { color: #ffb3b3; }
    .validation-summary-error {font-weight: bold; color: #ffb3b3;}
    .validation-summary-valid {display: none}

视图中的DropdownListFor:

@if (Request.Form["SendOrder"] != null && String.IsNullOrEmpty(ProductCategory))
{
    @Html.DropDownListFor(m => m.PC,
        new SelectList(Model.ProductCategory.OrderBy(m => m.PCNumber),
        "", "CategoryName",
        new {@class = "field-validation-error, input-validation-error,
        select.input-validation-error" }), "Select a Category")
}
else
{
    @Html.DropDownListFor(m => m.PC,
    new SelectList(Model.ProductCategory.OrderBy(m => m.PCNumber),
    "", "CategoryName"), "Select a category")
}

1 个答案:

答案 0 :(得分:0)

对于对此感兴趣的任何人,问题都解决了,可以找到解决方案here