Как предотвратить многократную отправку формы со стороны клиента?

Question

Иногда, когда ответ медленный, можно нажать кнопку отправки несколько раз.

Как предотвратить это?

Answer 1

Самое простое решение - отключить кнопку при нажатии, включить ее после завершения операции. Чтобы проверить подобное решение на jsfiddle:

[click here][1]

И вы можете найти другое решение по этому ответу .

Answer 2

Сделать это с помощью JavaScript немного просто. Ниже приведен код, который даст желаемую функциональность:

$('#disable').on('click', function(){
    $('#disable').attr("disabled", true);
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="disable">Disable Me!</button>

Answer 3

лучший способ предотвратить многократную отправку - это просто передайте идентификатор кнопки в методе.

    function DisableButton() {
        document.getElementById("btnPostJob").disabled = true;
    }
    window.onbeforeunload = DisableButton;