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

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()之后，它至少缺少一些括号;