disabling the submit button after click

[Willie]

Hi All;

I have a form with multiple buttons and I would like to disable the buttons
after the user clicks on the button to prevent multiple submitions.

<input type="submit" name="return1" value="Send To MFG" id="return1"
onClick='this.disabled=true;this.form.submit()' >

This works but I do not get the return1 value passed to the action script as
I do if I just have :

<input type="submit" name="return1" value="Send To MFG" id="return1" >

I need this vale to be know which button was pushed. Is there a way of
passing a value with the form.submit() ?

Thanks
Willie

[Randy Webb]

Willie said the following on 7/10/2007 4:36 PM:

Hi All;

I have a form with multiple buttons and I would like to disable the buttons
after the user clicks on the button to prevent multiple submitions.

<input type="submit" name="return1" value="Send To MFG" id="return1"
onClick='this.disabled=true;this.form.submit()' >

This works but I do not get the return1 value passed to the action script as
I do if I just have :

<input type="submit" name="return1" value="Send To MFG" id="return1" >

I need this vale to be know which button was pushed. Is there a way of
passing a value with the form.submit() ?

Simplest? Create a hidden input and submit that hidden input to the
server. And use the onsubmit event to set the hidden input's value to
the value of the submit button that was clicked.

Another solution: Cover it up with an overlaying div element that will
prevent multiple clicks.

Best solution: Educate your users to the problems with multiple submits.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[David Mark]

"Willie" <wi****@pdfsystems.comwrote in message
news:f7*********@news5.newsguy.com...

Hi All;

I have a form with multiple buttons and I would like to disable the
buttons after the user clicks on the button to prevent multiple
submitions.

Why? You need to handle that on the server as you can't count on
JavaScript.

>
<input type="submit" name="return1" value="Send To MFG" id="return1"
onClick='this.disabled=true;this.form.submit()' >

This works but I do not get the return1 value passed to the action script
as I do if I just have :

<input type="submit" name="return1" value="Send To MFG" id="return1" >

In the first example you disabled it and then submitted the form with
script. So of course the server has no idea which button was used for
submission (none were.)

>
I need this vale to be know which button was pushed. Is there a way of
passing a value with the form.submit() ?

Your second example is correct (but you shouldn't need the id attribute.)
If you must, you can add client-side code to hide all of the buttons when
one is clicked, but I wouldn't bother. You will still have the case of the
Enter key (assuming your form has text inputs), so just make sure your
server-side handler throws out duplicate posts.

>
Thanks
Willie

[scripts.contact]

On Jul 10, 2:36 pm, "Willie" <[e-mail]:

I have a form with multiple buttons and I would like to disable the buttons
after the user clicks on the button to prevent multiple submitions.

<input type="submit" name="return1" value="Send To MFG" id="return1"
onClick='this.disabled=true;this.form.submit()' >

This works but I do not get the return1 value passed to the action script

Disable it after submitting :
<input type="submit" name="return1" value="Send To MFG"
onClick='this.form.submit();this.disabled=true;ret urn false' >

OR

<form ... onsubmit="this.return1.disabled=1">
....
<input type="submit" name="return1">
</form>

[David Mark]

On Jul 15, 5:57 pm, "scripts.contact" <[e-mail]>
wrote:

On Jul 10, 2:36 pm, "Willie" <[e-mail]:

I have a form with multiple buttons and I would like to disable the buttons
after the user clicks on the button to prevent multiple submitions.

<input type="submit" name="return1" value="Send To MFG" id="return1"
onClick='this.disabled=true;this.form.submit()' >

This works but I do not get the return1 value passed to the action script

Disable it after submitting :
<input type="submit" name="return1" value="Send To MFG"
onClick='this.form.submit();this.disabled=true;ret urn false' >

OR

<form ... onsubmit="this.return1.disabled=1">
...
<input type="submit" name="return1">
</form>

For some reason the OP wants to disable only one of the multiple
submit buttons, so the second example won't work.

[Evertjan.]

David Mark wrote on 16 jul 2007 in comp.lang.javascript:

><form ... onsubmit="this.return1.disabled=1">
...
<input type="submit" name="return1">
</form>

For some reason the OP wants to disable only one of the multiple
submit buttons, so the second example won't work.

Why? I think it will.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[David Mark]

On Jul 16, 5:18 pm, "Evertjan." <[e-mail]:

David Mark wrote on 16 jul 2007 in comp.lang.javascript:

<form ... onsubmit="this.return1.disabled=1">
...
<input type="submit" name="return1">
</form>

For some reason the OP wants to disable only one of the multiple
submit buttons, so the second example won't work.

Why? I think it will.

You think it will do what? It will disable just the return1 button,
which may or may not be the one that was clicked.

[Evertjan.]

David Mark wrote on 16 jul 2007 in comp.lang.javascript:

On Jul 16, 5:18 pm, "Evertjan." <[e-mail]:

>David Mark wrote on 16 jul 2007 in comp.lang.javascript:

><form ... onsubmit="this.return1.disabled=1">
...
<input type="submit" name="return1">
</form>

For some reason the OP wants to disable only one of the multiple
submit buttons, so the second example won't work.

Why? I think it will.

You think it will do what? It will disable just the return1 button,
which may or may not be the one that was clicked.

Yes, "OP wants to disable only one of the multiple submit buttons".

I think the whole idea is aweful.

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

[David Mark]

"Evertjan." <ex**************@interxnl.netwrote in message
news:Xn********************@194.109.133.242...

David Mark wrote on 16 jul 2007 in comp.lang.javascript:

>On Jul 16, 5:18 pm, "Evertjan." <[e-mail]:

>>David Mark wrote on 16 jul 2007 in comp.lang.javascript:

<form ... onsubmit="this.return1.disabled=1">
...
<input type="submit" name="return1">
</form>

For some reason the OP wants to disable only one of the multiple
submit buttons, so the second example won't work.

Why? I think it will.

You think it will do what? It will disable just the return1 button,
which may or may not be the one that was clicked.

Yes, "OP wants to disable only one of the multiple submit buttons".

The one that was clicked of course. Not the first "return1" every time.

>
I think the whole idea is aweful.

So do I. As I mentioned, duplicate submissions should be dealt with on the
server.