Wie kann man verhindern, dass ein Formular von der Client-Seite aus mehrfach gesendet wird?

Question

Wenn die Antwort langsam ist, kann es vorkommen, dass man mehrmals auf die Schaltfläche "Senden" klickt.

Wie kann man dies verhindern?

Answer 1

Verwenden Sie diesen Code in Ihrem Formular. Er verarbeitet mehrere Klicks.

<script type="text/javascript">
    $(document).ready(function() {
        $("form").submit(function() {
            $(this).submit(function() {
                return false;
            });
            return true;
        });     
    }); 
</script>

wird es mit Sicherheit funktionieren.

Answer 2

Dies ermöglicht ein Senden alle 2 Sekunden. Im Falle der Frontvalidierung.

$(document).ready(function() {
    $('form[debounce]').submit(function(e) {
        const submiting = !!$(this).data('submiting');

        if(!submiting) {
            $(this).data('submiting', true);

            setTimeout(() => {
                $(this).data('submiting', false);
            }, 2000);

            return true;
        }

        e.preventDefault();
        return false;
    });
})

Answer 3

Der beste Weg, um zu verhindern, dass sich mehrere Personen anmelden, ist folgender Übergeben Sie einfach die ID der Schaltfläche in der Methode.

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

Answer 4

Dies mit Javascript zu tun ist recht einfach. Im Folgenden finden Sie den Code, der die gewünschte Funktionalität bietet:

$('#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 5

Die einfachste Lösung besteht darin, die Schaltfläche beim Anklicken zu deaktivieren und sie nach Abschluss des Vorgangs zu aktivieren. Um ähnliche Lösung auf jsfiddle zu überprüfen:

[click here][1]

Sie können auch eine andere Lösung für dieses Problem finden Antwort .