用于errorPlacement的jQuery验证自定义动画答案

【问题标题】：jQuery validation custom animation for errorPlacement用于errorPlacement的jQuery验证自定义动画
【发布时间】：2012-02-18 04:18:44
【问题描述】：

好的，所以我有一个包含 1 个必填字段的表单。这是验证码：

$('#form').validate({
    rules: {
        email: {
            required: true,
            email: true
        }
    },
    messages: {
        email: "Please enter a valid email address."
    },
    errorPlacement: function(error, element) {
        error.appendTo(element.parent()).hide().fadeIn;
    }
 });

这很好，只是我希望动画具有向下滑动的风格。这带来了一个有趣的观点：试图移除fadeIn，它甚至没有隐藏元素。一旦错误得到纠正，我希望它滑开，并且在成功提交后，我希望一条成功消息滑下。我能得到一些帮助吗？我看到很多人提出了无效的建议，但没有真正的修复建议。

【问题讨论】：

标签： jquery jquery-plugins validation

【解决方案1】：

至于成功部分，请将您的 slideDown() 功能添加到验证调用中的成功选项中。

success: function() {
 $('#foo').slideDown(); //slide down your success element
}

至于 fadeIn - 我不确定整行看起来是否正确，但直接说它至少在 fadeIn() 之后缺少一些括号；

【讨论】：

这很好，但这并不能完全帮助我。我只是重写了代码，因为我无法发布我们的内部代码。 fadeIn 有效，但 slideDown 无效，因为我假设是插件的性质。我无法插入隐藏的错误.... .hide() 不起作用。