Как остановить спиннер Boostrap при отправке формы - PullRequest
Новая
       77

Как остановить спиннер Boostrap при отправке формы

0 голосов
/ 30 апреля 2020

Я построил форму. Когда эта форма отправляется, поля, заполненные пользователями, отправляются методом POST на другую страницу.
Я использую счетчик, чтобы отобразить «Загрузка ...» при нажатии кнопки отправки. Но счетчик никогда не останавливается.
Я бы хотел, чтобы счетчик был остановлен при отправке формы (я имею в виду, без указания определенного времени ожидания). Как я мог сделать?

Вот часть формы: 

<form action = "getValues.php" method="post">

    <div id = "field1" class="form-row"> <div class="form-group col-md-4">
    <label for="exampleInputPassword1">Field 1</label> 
    <input type="text" class="form-control" id="field1-send" name="field1-send">         
    </div>

    <button name="submit" type="submit" id="runSpinner"  class="btn btn-primary"><i class="fas fa-check"></i> OK</button>

</form>

Вот часть JS: 

$(document).ready(function() {
    $("#runSpinner").click(function() {
        // disable button
        $(this).prop("disabled", true);
        // add spinner to button
        $(this).html(
        '<span class="spinner-border text-warning" role="status" aria-hidden="true"></span> Traitement...'
         );
      });
 });
...