如何显示 运行 个 jquery 个验证问题

Question

我了解如何使用 numberOfInvalids 获取错误总数。我想要的是在页面上显示这个数字，并在它发生变化时更新它。

我知道我可以通过从 onchange 或 onblur 或表单上每个文本框的类似事件调用 numberOfInvalids 来做到这一点，但必须有更好的方法。

Answer 1

我认为您可以使用 showErrors 选项。它允许您更改错误消息的显示方式，但您可以添加任何您想要的代码，然后只需调用 this.defaultShowErrors(); 即可获得默认行为。

$('#form').validate({
    showErrors: function() {
        $('#numberOfInvalids').text(this.numberOfInvalids());
        this.defaultShowErrors();
    }
});

jsfiddle