CODEWITHSUNDEEP
phpwordpress
mattesj
mattesj

Reputation: 609

Hide submit button after click

I know there is a lot of answers on how to hide a submit button after click but I cant get any of the solutions to work. I have tried to hide it with onclick="" and javascript. The form is for a wordpress plugin.

echo '<p><input type="submit" name="submitted" id="send" value="Send"></p>';

Upvotes: 5

Views: 8209

Answers (3)

Mark E.
Mark E.

Reputation: 106

You can do this by adding onclick="this.style.display='none';" as shown in the provided code snippet.

echo '<p><input type="submit" name="submitted" id="send" value="Send" onclick="this.style.display='none';"></p>';

Upvotes: 3

Chris
Chris

Reputation: 4810

I would do what @Nexxuz suggested, but to add, if you are hiding the button for the purpose of preventing duplicate submissions, you should probably tie the hiding of the button to the submit event on the form, as this catches the click of the submit button, as well as the user hitting "enter"

$(document).ready(function($) {
    $('#myForm').on('submit', function(evt) {
        $('#send').hide();
    });
});

Upvotes: 3

Nexxuz
Nexxuz

Reputation: 175

If you have jQuery available, you could do something as simple as:

$(document).ready(function() {
    $('#send').on('click', function() {
        $(this).hide();
    });
});

Upvotes: 6

Related Questions