javascript - jQuery 在提交时隐藏表单？

Question

我有一个表单设置，用户可以在其中注册，在提交时，会运行一个 PHP 脚本来验证用户，一旦完成，它会回显一个消息框，jQuery 会快速隐藏该消息框，然后在 1 的过程中淡入第二。我现在想做的是能够在提交时隐藏该表单，我认为这可能会做到:

$(document).ready(function() {
    $('div.mainsuccess,div.mainerror').hide(0).fadeIn(1000);
    $('form.register').submit(function() {
        $(this).hide(1000);
    });
});

其中 div.mainsuccess 是成功消息，form.register 是表单(带有 register 类)。现在第一行有效，它告诉我正在调用脚本，但根本没有隐藏表单。我在这里做了一些愚蠢的事情，但我不知道是什么？

我已尝试查看 submit() 的 jQuery API 文档，但我无法理解其中的内容。谢谢。

Answer 1

我认为它可能不起作用的原因是因为表单正在提交它的数据并等待页面刷新......这意味着，它将停止所有它的 javascript 东西因为它毫无意义......我可能是错的但是嘿，你的隐藏需要 1 秒才能隐藏，但你的页面可以更快地重新加载。

$(document).ready(function() {
    $('div.mainsuccess,div.mainerror').hide(0).fadeIn(1000);
    $('form.register').submit(function(e) {
        e.preventDefault();// will stop the form being submited...
        $(this).hide(1000);
        // do ajax here...
        return false;
    });
});

已更新

这里是教程列表

http://viralpatel.net/blogs/2009/04/jquery-ajax-tutorial-example-ajax-jquery-development.html

http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/

http://www.sitepoint.com/ajax-jquery/

视频.... http://www.youtube.com/watch?v=0CMTQtnZ0G0