onclick disable submit button

Question

hi,

i wanna disable a submit button when onclick. im able to disable the button but i cant submit the post value to php.

Answer 1

<input type="submit" onclick="this.disabled = true" value="Save"/>

or ref this

Answer 2

i found a alternative online. wat i did is to create a fake disable and hidden button. when the actual button is clicked, i will hide it and show the fake disable button.

actual button:

$onclick = "
var boolconfirm = confirm('$strconfirmattempt');
if(boolconfirm==true){
finishattempt.style.display='none';
finishattempt2.style.display='inline';
}
return boolconfirm;";

fake button:

echo "<input type=\"submit\" name=\"finishattempt\" value=\"submit\" onclick=\"$onclick\" />.
<input type=\"submit\" id=\"finishattempt2\" name=\"finishattempt2\" value=\"submit\" style=\"display:none;\" DISABLED/>\n";

Answer 3

If you disable an input, then its value naturally won't be included in the form data. You'll need to disable the button after you submit. If you bind a callback to onclick, then it runs before the form submits.

What you need is something like this:

jQuery:

$(document).ready(function() {
    $(document).unload(function() {
        $('#submit-btn').attr('disabled', 'disabled');
    });
});

Regular JS:

document.onunload = disableSubmit;
function disableSubmit() {
    /* disable the submit button here */
}

Basically, instead of binding to the submit button's onclick event, this binds the disabling code to the document's unload event (document.onunload), which gets fired once the form is submitted and you begin to leave the page.

Answer 4

You could use a hidden field which would hold the value of the button and pull that value out of your POST data:

<input type="hidden" id="hiddenField" value="default" />

<input type="button" id="myButton" onclick="buttonClick();">

function buttonClick()
{
    document.myForm.myButton.disabled = true;
    document.myForm.hiddenField.value = "myButtonClicked";
}

My PHP is a little rusty, but then you can access the hidden field like so:

if ($POST['hiddenField'] == "myButtonClicked")
{
    // Click handling code here
}

Answer 5

Why not create a disabled submit button that is hidden, and an active submit button, and onClick show the disabled and hide the active? I could do this in jQuery, but I'm kinda useless without it. Sad, eh?