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

Posted 2023-05-09

【中文标题】用于errorPlacement的jQuery验证自定义动画

【英文标题】：jQuery validation custom animation for errorPlacement

【发布时间】：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，它甚至没有隐藏元素。一旦错误得到纠正，我希望它滑开，并且在成功提交后，我希望一条成功消息滑下。我能得到一些帮助吗？我看到很多人提出了无效的建议，但没有真正的修复建议。

【参考方案1】：

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

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

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

【讨论】：

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