Jquery Unobtrusive Validation：将类添加到无效字段的标签

Question

我在ASP.NET MVC项目中使用jQuery Unobtrusive Validation，在ViewModel中使用属性验证属性。

我在部分视图中从我的表单中获得以下代码：

<div id="contact-form">
  <p>
    <label for="Name">Name</label>
    <span class="field-validation-error" data-valmsg-for="Name" data-valmsg-replace="true"><span for="Name" generated="true" class="">field is required</span></span> <br>
    <input class="input-validation-error" data-val="true" data-val-required="field is required" id="Name" name="Name" placeholder="Full Name" type="text" value="">
  </p>
</div>

问：如何将类添加到无效字段的标签中，以便当标签旁边出现验证消息时，标签也应该是红色的，使用jQuery？

Answer 1

您可以处理模糊事件并检查值是否有效

$('input[type=text], textarea').blur(function () {
  if (!$(this).valid()) {
    $(this).prevAll('label').css('color', 'red');
  }
});

如果跳过控件，您可能还需要检查提交事件，并为每个输入，textarea等重复相同的操作。