enable the button to be clicked only to once exception?

Question

I use a dialog to get the user input, but I found the user may click double click the button and added the content twice, the cause is the dialog fadeout too slow or the user clicked twice on the mouse.. I don't want to adjust the fadeout speed, instead, how to enable the button only can be clicked once?

Answer 1

jQuery provides the one() method to register a one-shot handler that will only run once.

You can write:

$("#yourButton").one("click", function() {
    // Add content...
});

Answer 2

You can disable the button once it was clicked to prevent any further clicks:

$('button').on('click', function() {
    $(this).prop('disabled', true);
});