突出显示验证失败的字段

Question

我使用C＃和MVC（Razor View Engine）

我正在使用Annotation进行验证像这样： -

型号： -

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

Razor视图引擎： -

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