Делать после отправки формы

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