jQuery 验证 errorPlacement 的自定义动画

Question

好的，我有一个包含 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，它甚至不会隐藏该元素。一旦错误被纠正，我希望它滑走，成功提交后，我希望一条成功消息滑落。我可以寻求帮助吗？我见过很多人提出了不起作用的建议，但没有真正的修复建议。

Answer 1

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

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

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