Javascript 提交时隐藏表单

我有以下功能：

var form = $('#review-contact-form');
form.submit(function(event){
    event.preventDefault();
    var form_status = $('<div class="form_status center"></div>');
    $.ajax({
        type: "POST",
        url: $(this).attr('action'),
        data: form.serialize(),
        beforeSend: function(){
            form.prepend(
                form_status
                    .html('<p><i class="fa fa-spinner fa-spin"></i> Sending...</p>')
                    .fadeIn()
            );
        }
    }).done(function(data){
        form_status
            .html('<p class="text-success">Thanks!</p>')
            .delay(3000)
            .fadeOut();
    });
});

var form=$（“#查看联系人表单”）；
表单提交（功能（事件）{
event.preventDefault（）；
变量形式_状态=$（''）；
$.ajax({
类型：“POST”，
url:$（this.attr（'action'），
数据：form.serialize（），
beforeSend:function（）{
表格预编(
表格
.html（“正在发送…
”）
.fadeIn（）
);
}
}).完成（功能（数据）{
表格
.html（“
谢谢！
”）
.延迟（3000）
.fadeOut（）；
});
});

发送邮件时是否有方法隐藏表单？

form.hide（）done

功能中的

form_状态

后进行编码

注意：我添加这个作为答案是因为我无法添加注释

form.hide（）done

功能中的

form_状态

后进行编码

注意：我添加此作为答案，因为我无法添加注释

您可以在

表单

中的

完成

承诺中使用

淡出（）

  var form = $('#review-contact-form');
  form.submit(function(event) {
    event.preventDefault();
    var form_status = $('<div class="form_status center"></div>');
    $.ajax({
      type: "POST",
      url: $(this).attr('action'),
      data: form.serialize(),
      beforeSend: function() {
        form.prepend(
          form_status
          .html('<p><i class="fa fa-spinner fa-spin"></i> Sending...</p>')
          .fadeIn()
        );
      }
    }).done(function(data) {
      form.fadeOut();
      form_status
        .html('<p class="text-success">Thanks!</p>')
        .delay(3000)
        .fadeOut();
    });
  });

var form=$（“#查看联系人表单”）；
表单提交（功能（事件）{
event.preventDefault（）；
变量形式_状态=$（''）；
$.ajax({
类型：“POST”，
url:$（this.attr（'action'），
数据：form.serialize（），
beforeSend:function（）{
表格预编(
表格
.html（“正在发送…
”）
.fadeIn（）
);
}
}).完成（功能（数据）{
form.fadeOut（）；
表格
.html（“
谢谢！
”）
.延迟（3000）
.fadeOut（）；
});
});

另外，如果您有
.form\u status
和
表单中的
元素，请将其移出表单，否则在表单提交完成时，您将无法看到消息。
您也可以在
表单中的
完成
中使用
淡出（）

  var form = $('#review-contact-form');
  form.submit(function(event) {
    event.preventDefault();
    var form_status = $('<div class="form_status center"></div>');
    $.ajax({
      type: "POST",
      url: $(this).attr('action'),
      data: form.serialize(),
      beforeSend: function() {
        form.prepend(
          form_status
          .html('<p><i class="fa fa-spinner fa-spin"></i> Sending...</p>')
          .fadeIn()
        );
      }
    }).done(function(data) {
      form.fadeOut();
      form_status
        .html('<p class="text-success">Thanks!</p>')
        .delay(3000)
        .fadeOut();
    });
  });

var form=$（“#查看联系人表单”）；
表单提交（功能（事件）{
event.preventDefault（）；
变量形式_状态=$（''）；
$.ajax({
类型：“POST”，
url:$（this.attr（'action'），
数据：form.serialize（），
beforeSend:function（）{
表格预编(
表格
.html（“正在发送…
”）
.fadeIn（）
);
}
}).完成（功能（数据）{
form.fadeOut（）；
表格
.html（“
谢谢！
”）
.延迟（3000）
.fadeOut（）；
});
});

此外，如果表单中有
.form_status
和
文本成功
元素，请将其移出表单，否则在表单提交完成时，您将无法看到消息。
添加
表单.hide（）
作为
done
函数的第一行，位于
form\u status
上方。您可以使用
form.hide（）。但是您需要将
form_status
DIV放在其他地方
作为
done
函数的第一行，位于
form\u status
上方。您可以使用
form.hide（）。但是你需要把
表单的status
DIV放在别的地方。这也会隐藏
谢谢
message，因为它是在
表单
前加的。你说得对，我同意你的评论，他需要把
div
放在其他地方，如果它在表单之外，它也会消失！这也会隐藏
谢谢
message，因为它是在
表单
前加的。你说得对，我同意你的评论，他需要把
div
放在其他地方，如果它在表单之外，它也会消失！这也会隐藏
谢谢消息，因为它在
表单中
@Barmar，你读过我答案中代码下的消息吗？哎呀。我没看到，sorry@user1818326，应该是的，除非你有其他问题。检查控制台是否有错误。你看到了什么？不工作意味着什么？请描述您的问题，以便我可以帮助您。@user1818326感谢消息在几秒钟后显示并隐藏，并且在表单之外。这也将隐藏
谢谢消息，因为它在
表单中
@Barmar，你读过我答案中代码下的消息吗？哎呀。我没看到，sorry@user1818326，应该是的，除非你有其他问题。检查控制台是否有错误。你看到了什么？不工作意味着什么？请描述您的问题，以便我可以帮助您。@user1818326感谢消息在几秒钟后显示和隐藏，并且在表单之外