jquery - 无法将回调附加到不显眼的验证显示错误

Question

我在将回调附加到 jquery unobtrusive validate 时遇到问题。我想要做的是每当显示字段验证错误时隐藏信息性消息。它们都占据页面上的相同区域。我不知道如何将回调附加到显示错误方法。如果您调用验证，但在触发字段更改之前就会显示错误消息，我有一个可以使用的方法。

这是一个 jsfiddle 演示我的问题。 http://jsfiddle.net/K6NcF/4/

这是仅在调用 validate() 时运行的回调。

$('#theForm').bind('invalid-form.validate',function(){
    $('.info-box').hide();
});

如有任何帮助，我们将不胜感激。

Answer 1

当使用像这样的unobtrusive时，您可以访问突出显示和取消突出显示回调

// grab a reference to the validator instance
var v = $('form').validate();

// reference the settings property, and the highlight function
var originalHighlight = v.settings.highlight;

您可以用您的内容覆盖它，或者下面的示例显示了一种添加您自己的功能而不覆盖现有功能的方法。

var v = $('#theForm').validate();

var originalHighlight = v.settings.highlight;
var originalUnHighlight = v.settings.unhighlight;

v.settings.highlight = function(element, errorClass, validClass)
{
  console.log('doing my stuff here');
  $('.info-box').hide();
  originalHighlight.call(v, element, errorClass, validClass);
}

v.settings.unhighlight = function(element, errorClass, validClass)
{
  console.log('undoing my stuff here');
  $('.info-box').show();
  originalUnHighlight.call(v, element, errorClass, validClass);
}

在这里摆弄http://jsfiddle.net/K6NcF/8/