jquery - 如何使用 jquery 验证插件为错误标签设置动画

Question

这似乎是一个非常简单的问题，但我认为长时间盯着代码让我很难找到解决方案

我正在使用jQuery Validation plug-in &我想要动画显示错误标签。有可能吗？如果是这样怎么办？

我环顾四周，但解决方案似乎在暗示我!

提前致谢!!!

Answer 1

之前的答案并不完全正确。

对于每个错误，errorPlacement 函数仅调用一次。如果您打开和关闭此错误 - jquery.validate 仅调用 hide 和 show 以及 highlight 和 unhighlight。

所以你需要添加两个:

首先添加动画来突出显示选项:

 highlight: function (element, errorClass, validClass) {
    $(element).parent().find('.help-block') //your error placement
       .slideDown(300); //animation
 }

其次，如果您想要隐藏消息的动画，则不能使用“unhighlight”和“slideUp”，因为 jquery.validate 在动画完成之前直接调用“hide”。

所以你需要重写标准 jquery.validate 逻辑:

jQuery.validator.prototype.hideErrors = function() {
     this.addWrapper( this.toHide ).slideUp(300);
}