突出显示失败验证的字段

Question

我正在使用MVC（Razor View Engine）

使用C＃

我正在使用这样的注释进行验证： -

模型： -

[Required]
public int VendorId { get; set; }

剃刀视图引擎： -

<div class="col-md-3">
 <label>@Html.LabelFor(r => Model.VendorId)</label>
 @Html.DropDownListFor(x => x.VendorId, new SelectList(suppliers, "Value""Text"),"-Select-", htmlAttributes: new { @class = "select-full" })
 @Html.ValidationMessageFor(x => x.VendorId, null, new { style = "color: red" })
</div>

它显示错误消息

需要供应商字段。

如果我不选择供应商。

现在我想突出显示此下拉字段的（红色边框颜色）如果验证失败（dataannotation），则显示此消息，而是在客户端＆amp上显示一条消息。服务器端

Answer 1

您可以检查验证表格，如果表单无效，只需添加：

$('#VendorId').attr('style', "border-radius: 5px; border:#FF0000 1px solid;");