Hide form submit button with jQuery only when for actually submits

Question

For a while I have been using the following code...

$("input[type=submit]:not(.noHide)").one('click', function() {
    $(this).hide();
    $(this).click(function () { return false; });
});

to disable form submit buttons on click, primarily to avoid double clicks submitting twice.

I now have a form or two with required fields...

<input type="date" name="DatePurchased" required>

and this kind of breaks since the submit button is now gone once the omission is corrected.

Is there a way to disable the button only after a successful submission and not just a click?

http://stackoverflow.com/questions/11534690/how-to-do-a-jquery-callback-after-form-submit — miny1997, Feb 11 '14 at 15:21
yet another side effect of using the wrong event handler for form submit handling. — Kevin B, Feb 11 '14 at 15:24

score 1 · Answer 1 · answered Feb 11 '14 at 15:20

1

Use the submit-event instead.

$("input[type=submit]:not(.noHide)").on('submit', function() {
    if ($(this).not(':visible')) {
        return false;
    }
    $(this).hide();
});

answered Feb 11 '14 at 15:20

This doesn't seem to be hiding the button at all. – Jay2001 Feb 11 '14 at 16:04
It seems the submit event can only be attached to forms, not the submit button. – Jay2001 Feb 11 '14 at 16:10

1 Answers1