Загрузчик всплывает и зависает при ошибке формы при отправке страницы

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

    <div id="loader" class= "lds-dual-ring hidden overlay" >
        <div class="lds-dual-ring hidden overlay"> </div>
       <div class="loadcontent"><div><strong>Working on your request...it may take up to 2 minutes.</strong></div></div>

    </div>


    $('#submitBtn').click(function () {


        $('#loader').removeClass('hidden')
        // $('#loader').html('Loading').addClass('loadcontent')

  


        // $("#loading").html("Loading");

    })
</script>```

How can I make this loader script run only when there is no form input error? I am using Django, Javascript, html and I am a beginner in JS.

Я спрашивал многих людей о решении, но я думаю, что никто не смог понять это, не глядя на полную версию, и поэтому никто не предоставил решение, наконец, вот решение:

мой javascript срабатывал на событие "click", вместо этого мне пришлось изменить его на событие "submit" для id моей формы. Вот и все!!!

Итак, мой новый код javascript выглядит так:


   $('#configForm').submit(function () {


        $('#loader').removeClass('hidden')
        console.log("HERE LOADER")
        // $('#loader').html('Loading').addClass('loadcontent')

  


        // $("#loading").html("Loading");

    })
</script>

Вот и все, вот и решение.

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