提交时隐藏表单

Question

我有以下功能：

String sql = UPSERT INTO mytable (serverName,SationName, product) SELECT serverName,stationName ‘sampleProduct’ FROM mytable WHERE product = ‘sampleProduct’;   

有没有办法在发送邮件时隐藏表单？

Answer 1

form.hide(); form_status函数后

done。

注意：我将此添加为答案，因为我无法添加评论

Answer 2

您也可以在fadeOut()承诺中使用form上的done：

  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();
    });
  });

此外，如果表单中包含.form_status和.text-success元素，请将其移到其外部，否则在表单提交完成后您将无法看到该消息。