我在ASP.NET MVC项目中使用jQuery非侵入式验证,并在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时标签也应为红色?

最佳答案

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

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


如果控件被跳过,您可能还需要检查一下提交事件,并对每个输入,文本区域等重复相同的操作。

07-24 09:43
查看更多