表单提交后执行

Question

我有 HTML：

<div id="my_form">
   <form action="https://example.com" method="POST" target="_blank">
      <input type="email" required>
      <input type="submit" class="submit_button" value="Submit">
   </form>
</div>

当用户单击提交时，会打开新窗口并发生一些事情。工作正常。

现在，我想在表单成功提交之后隐藏一个div，所以我尝试了：

$(".submit_button").click(function() {
    $("#my_form").hide();
});

工作正常，但不管表单是否实际提交，它都会关闭 div。例如，如果用户将电子邮件输入留空，然后单击提交。表单未提交，但 div 被隐藏。

表单触发成功后如何隐藏div？

Answer 1

使用 submit() 事件而不是 click() 事件。

$("#my_form").submit(function() {
    $(this).hide();
    return false;
});