Problem with my submit button script

[Cep]

Hi,

I basically want to rename a submit button and disable it when I submit a form to prevent the user from clicking it again and again whilst my PHP works through its processes.

I have this as my button,
[code]
<input name="submit" type="submit" class="input" value="Build report" onclick="this.submit=true; this.value='Building...'"/>
[/code]

and on my form element I have,

[code]
<form name="statusoptions" method="post" action="reports.php" onsubmit="Disable(this.submit);">
[/code]

However I keep receiving an error in IE6 that the an object is expected (the form element line) however I don't understand what the problem is as I think I have declared the button by using this.submit.

Can anyone tell me what I am doing wrong?

[extrovertive]

Take out the onsubmit in your form tag.

Just do this in your submit button

[code]<input name="submit" type="submit" class="input" value="Build report" onclick="this.disabled=true; this.value='Building...'" />[/code]

[Cep]

Hi, this appears to work by prevents the form from submitting. I have renamed my submit button as I have been told that it is not a good idea to name it "submit".

Any ideas?

[fenway]

I'm confused as to what the problem is now.

[Cep]

The button disables and changes its value which is the desired effect but now the form does not submit.

[fenway]

Ah... simply add a "this.form.submit" to the end of your onclick handerl.

[Cep]

Cheers for that! It works yay!!