jquery - 远程验证客户端钩子(Hook)

Question

我在我的 MVC 3 项目中使用 jquery 和不显眼的 javascript 进行远程验证。现在，当远程验证失败时，我想对页面进行更多修改，然后只显示错误消息。如何通过 javascript 连接远程验证失败？

Answer 1

MVC 验证将 input-validation-error 类添加到验证失败的元素。因此，我将绑定(bind)到输入元素的 onChange 事件，然后检查它是否验证正常或失败。下面的代码应该可以解决问题

$('#yourInputId').change(function(){
   if($(this).hasClass('input-validation-error')){
     // do your thing here
   }
});

如果您需要检查特定的验证错误，您可以进一步进行。如果我的删除验证失败，则会添加以下内容:

<span class="field-validation-error" data-valmsg-for="Account.Login" data-valmsg-replace="true">
   <span for="Account_Login" generated="true" class="">Login is taken. Maybe  Login1 will work for you? </span>
</span>

因此您可以检查是否有特定字符串被添加到 DOM 中。