How to Prevent Users from Submitting a Form Twice

Question

when user click add button twice, from get submitted twice with same dat

Answer 1

You can add a class to your form and your submit button and use jquery:

$(function() {

    // prevent the submit button to be pressed twice
    $(".createForm").submit(function() {
        $(this).find('.submit').attr('disabled', true);
        $(this).find('.submit').text('Sending, please wait...');
    });
})

Answer 2

You can disable the button after clicking or hide it.

<input type="submit" name="btnADD" id="btnADD" value="ADD" onclick="disableButton(this)"/>

js :

 function disableButton(button) {
     button.disabled = true;
     button.value = "submitting...."
     button.form.submit();
}

Answer 3

try out this code..

<input type="submit" name="btnADD" id="btnADD" value="ADD" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();" />

Answer 4

You can use JavaScript.

Attach form.submit.disabled = true; to the onsubmit event of the form.

A savvy user can circumvent it, but it should prevent 99% of users from submitting twice.