我在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');
}
});
如果控件被跳过,您可能还需要检查一下提交事件,并对每个输入,文本区域等重复相同的操作。