Need help disabling a submit button onClick

[poml]

Hello, first time posting on thescripts.com, and I'm in dire need of some help.
All I want to do is disable the submit button (not the entire form) onClick, and am wondering if this is possible.

Here's the current coding:

<form enctype="multipart/form-data" action="?id=completeupload" name="submitform" method="POST">
<b>File to Upload:</b>&nbsp;<input name="userfile" size="50" type="file"><br><br>
<span class="class3">
<input type="checkbox" name="agree" value="22">I agree to the upload terms and conditions for mysite.com (<a href='agreement.php' target='_blank'>&nbsp;View Terms&nbsp;</a>)<br><br>
<input type="submit" value="Upload File" name="uploadbutton" onclick="submitform.disabled=true; submitform.form.submit();">
</font></span>
</form>

It's a file upload script, everything works other then when i try to disable the button onclick. With this current coding in IE it disables the entire form and doesn't process the request. FireFox it processes the request, but doesn't disable the button or form.

If anybody can help it would be greatly appreciated, thanks.

[eWish]

If you are wanting to do away with the JavaScript function 'onclick', then simply delete the code for it.

onclick="submitform.disabled=true; submitform.form.submit();"

--Kevin

[poml]

Thanks for the quick reply ewish, still not working. I'm kind of new to this coding.

i found a new code of disabling the button onClick

onclick="document.submitform.submitbutton.disabled =true;
document.submitform.mode.name = 'post';
document.submitform.onsubmit();
document.submitform.submit();"

Cool thing is is this works just fine in firefox, disables the button and then processes upload.php to upload the selected file. Only problem is in IE it just disables the button and doesn't process upload.php.

[eWish]

I guess that I don't understand. Do you want the data from the form to be sent to your php script? If so, would that not require the submit button? If not, then what is the purpose of the submit button in the first place? How else will you know that the user is done filling out the form and ready for processing if you don't use the button?

--Kevin

[poml]

Here, ...

If you try it in IE, the button is just disabled and it doesn't process

If you try it in FireFox, it disables it and uploads the file just fine

All I want is it for the submit button to be disabled in firefox and ie and goto the upload.php script. As far is checking the filesize, terms of agreement, all that works fine. If the user has inputed a valid file and accepted the terms of agreement, i just want Upload File submit button to be disabled to prevent anxious users from constantly clicking it.

Sorry for the confusion, I'm not good with explaining things.

[drhowarddrfine]

You'll get better javascript answers from the javascript forum. I'll send this there.

[poml]

No need, I finally figured it out. Thank you very much though, this can get mighty frustrating at times. I appreciate it.

[ronverdonk]

No need, I finally figured it out. Thank you very much though, this can get mighty frustrating at times. I appreciate it.

Do you want to share your solution with our members in this forum? Thanks.

Ronald

[poml]

Do you want to share your solution with our members in this forum? Thanks.

Ronald

Definately, onClick this disables the Submit button within a Form and changes the caption to 'One Moment Please...' (works in IE and FireFox)

[HTML]<form enctype="multipart/form-data" action="upload.php" name="submitform" id="submitform" method="POST">
<b>File to Upload:</b>&nbsp;<input name="userfile" size="50" type="file"><br><br>
<input type="submit" value="Upload" name="submitbutton" onclick="document.submitform.submitbutton.value='O ne Moment Please...'; document.submitform.submitbutton.disabled=true; document.submitform.submit();">
</form>[/HTML]

[acoder]

Definately, onClick this disables the Submit button within a Form and changes the caption to 'One Moment Please...' (works in IE and FireFox)

Thanks for posting your solution, but please remember to use code tags when posting code. Thanks!