突出显示验证失败的字段

Question

我正在使用 C# 和 MVC（Razor 视图引擎）

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

型号：-

[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）则显示此消息，而不是在客户端和服务器端显示一条消息

Answer 1

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

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