Question

我正在使用这个简单的ajax表单并且运行良好：http://blog.teamtreehouse.com/create-ajax-contact-form#comments

我需要做一点改变。

使用此表单有没有办法在邮件发送后隐藏它？

到目前为止，我只尝试在提交按钮中使用切换jQuery功能，但这样即使邮件没有发送，表单也会消失。

我知道我需要在我的html中使用一个监听器，所以浏览器知道何时隐藏表单，但我在Js，ajanx，json等中非常好...

提前感谢，我对我的英语很抱歉，我是一名代码和语言自学者;）

Answer 1

您应该在ajax调用的done函数中执行此操作：

.done(function(response) {
    // …
    // Clear the form.
    $('#name').val('');
    $('#email').val('');
    $('#message').val('');
    // Hide the form
    $('#ajax-contact').hide();
}

Answer 2

您可以将.done更改为

.done(function(response) {
    // Existing Code
    $('#ajax-contact').hide();
})

有关详细信息，请参阅http://api.jquery.com/hide/

提交后隐藏Ajax表单

2 个答案: