jQuery Validate Unobtrusive - Hook 到单个输入的错误事件

Question

我正在使用 ASP.NET MVC 构建一个网站，并使用 jQuery validate unobtrusive 库。我想知道是否有办法 Hook 显示验证消息的事件，例如在用户输入无效内容时(而不是单击提交按钮时)。

我想这样做的原因是因为我将错误消息的样式设置为出现在有错误的字段上方的迷你弹出窗口 - 即使用绝对定位。由于单个字段可能有各种不同的验证错误，我希望能够根据消息的可变高度正确设置字段的位置。我还需要处理此事件，以便我可以为输入元素周围的红色边框应用一个类。

Answer 1

这里有一个很棒的脚本:https://gist.github.com/beccasaurus/957732/为 jQuery.validate 中的不同事件设置 Hook 。它允许您绑定(bind)到一堆不同的事件，在您的情况下，它看起来像这样:

$(function () {
    $('form').addTriggersToJqueryValidate();
    $('form').bind("elementValidation", function (event, element, result) {
        console.log("Something is invalid");
    });
})

非常方便!