Как запустить функцию jQuery при отправке формы?

Question

У меня есть функция jQuery, которую я хочу запустить после успешной отправки формы. Функция исчезает при переполнении экрана, затем отображает элементы в списке перед перенаправлением на другой URL.

Вот скрипт:

    <script >
      function startCheck() {
    var e = $(".overlay-checker"),
        t = $(".overlay-checker-points > li");
    for (t.hide(), e.fadeIn(), i = 0; i < t.length; i++) setTimeout(function() {
        $(".overlay-checker-points").find(":hidden").first().fadeIn()
    }, 1500 * (i + 1));
    setTimeout(function() {
        window.location = $(".redirectNow").attr("href")
    }, 1500 * t.length + 2e3)
    }
   </script>

Как запустить вышеуказанную функцию после успешного завершения формы представленный

Answer 1

Вы можете использовать следующий слушатель:

$(document).on("submit", "form", function(e){
   // Prevent form submission
   e.preventDefault();
   // Show loader
   // Optional, but showing that something's happening is probably good
   // Assuming you have some element with class "loader" hidden...
   $(".loader").show();
   // Submit form via ajax call
   $.ajax({
      url: "path_to_your_file.php",
      type: "post",
      data: $("form").serialize(),
      success: function(data){
         // Form submitted
         // Call script here 
      },
      error: function(data){
         // Handle error here
      },
      complete: function(){
         // Will be called after success or error
         // Hide loader (if shown before ajax call above)
         $(".loader").hide();
      }
   });
})

А на стороне сервера вы можете получить входные данные своей формы, используя $_POST["name"]

РЕДАКТИРОВАТЬ:

Вот как будет выглядеть ваша форма HTML:

<form>
   <input type="email" name="useremail" placeholder="Email address" required>
   <!-- Add any other input, select, textarea of your liking -->
   <button type="submit">Submit</button>
</form>

Вы получите данные в файле PHP, например:

$email = $_POST["useremail"];