使用验证插件时使用jquery显示和隐藏div

我在尝试使fadeIn/Out方法和表单提交在同一脚本中发生时遇到问题

通常情况下，一个会起作用，另一个不会。我已经为此工作了大约6个小时，我确信有一些逻辑是我不幸忽略的

如能解释或详细说明该如何编写，将不胜感激

HTML

---

我认为应该这样写

$(document).ready(function(){
    $("#form").validate({
        submitHandler : function(){
            $("#form").delay(500).fadeOut("slow", function(){
                $(".message").fadeIn("slow");
            });
            return false;
        }
    });
});

---

验证正在进行提交，您是否不需要提交绑定。如果要在提交后修改操作，则有一个验证选项：

submitHandler

。然后延迟500毫秒后，淡出启动。当淡出结束时，淡出开始。

我认为应该这样写

$(document).ready(function(){
    $("#form").validate({
        submitHandler : function(){
            $("#form").delay(500).fadeOut("slow", function(){
                $(".message").fadeIn("slow");
            });
            return false;
        }
    });
});

---

验证正在进行提交，您是否不需要提交绑定。如果要在提交后修改操作，则有一个验证选项：

submitHandler

。然后延迟500毫秒后，淡出启动。当淡出结束时，淡出开始。

所以我知道你在这里做什么，这是有意义的。但它不起作用。表单提交后，我可以通过点击按钮后的URL更改看到。但是没有动画发生。我今天要深入调查submitHandler。啊哈，你会恨我的，我做错了！Return false不在submitHandler函数中，您需要将其最大化！哈哈！谢谢是的！这很有趣，也许是因为我还是一个初学者，但是淡入淡出的方法很有效。但它仍然没有提交数据。或者至少它似乎没有这样做。以前，如果没有fade方法，我会看到提交的数据，并最终更改URL。现在，我看不到这种情况发生。这应该是一个问题吗？最终通过rails将其连接到数据库。Return false会阻止表单提交。因此，我明白您在这里所做的，这是有意义的。但它不起作用。表单提交后，我可以通过点击按钮后的URL更改看到。但是没有动画发生。我今天要深入调查submitHandler。啊哈，你会恨我的，我做错了！Return false不在submitHandler函数中，您需要将其最大化！哈哈！谢谢是的！这很有趣，也许是因为我还是一个初学者，但是淡入淡出的方法很有效。但它仍然没有提交数据。或者至少它似乎没有这样做。以前，如果没有fade方法，我会看到提交的数据，并最终更改URL。现在，我看不到这种情况发生。这应该是一个问题吗？最终通过rails将其连接到数据库。Return false会阻止表单提交。

$(document).ready(function(){
    $("#form").validate({
        submitHandler : function(){
            $("#form").delay(500).fadeOut("slow", function(){
                $(".message").fadeIn("slow");
            });
            return false;
        }
    });
});