Остановка вращения загрузчика CSS при ошибке валидации формы, django, javascript

Как остановить вращение загрузчика, если отправка формы не удалась и пользователь должен заполнить недостающее поле формы. Прядильщик продолжает вращаться вечно, пока пользователь вводит недостающую информацию.

Моя кнопка отправки в форме:

...
  <div class="control">
    <button type="submit" class="button" onclick="showDiv()">Submit
    </button>
  </div>
</form>

Мой вращающийся загрузчик под формой:

<span class="loader" id="loadingdisplay" style="display:none;"></span>

Мой javascript на событие click для отображения вращающегося загрузчика:

<script type="text/javascript">

        function showDiv() {
           document.getElementById('loadingdisplay').style.display = "block";
        }

</script>

Вы можете добавить слушателя на вашу форму или поле, который будет скрывать ваш загрузчик.

<script>
var x = document.getElementById("myInputField");
x.addEventListener("focus", myFunctionHideDiv);


function myFunctionHideDiv() {
  document.getElementById('loadingdisplay').style.display = "block";
}
</script>

Ресурсы :

Вернуться на верх