Filtering or avoiding double click on form submission

[Ed Jay]

Despite searching the net, I can't find a suitable solution that prevents a
user's double click from submitting a form twice. I'm currently using the
following in a button element:

<input type="button" onclick="this.d isabled=true;th is.form.submit( );">

While it prevents multiple single clicks, it isn't good enough for a fast
double click, such as found on some multi-button mice.

Anyone have a better solution?

--
Ed Jay (remove 'M' to reply by email)

Win the War Against Breast Cancer.
Knowing the facts could save your life.
http://www.breastthermography.info

[mynameisnobodyodyssea]

On Oct 15, 12:01*am, Ed Jay wrote:

Despite searching the net, I can't find a suitable solution that preventsa
user's double click from submitting a form twice. I'm currently using the
following in a button element:
<input type="button" onclick="this.d isabled=true;th is.form.submit( );">
While it prevents multiple single clicks, it isn't good enough for a fast
double click, such as found on some multi-button mice.

Have a look at
http://www.dynamicdrive.com/dynamici...submitonce.htm

I do not know if is fast enough for all mice,
and using cats would not be very nice.

[dhtml]

Ed Jay wrote:

Despite searching the net, I can't find a suitable solution that prevents a
user's double click from submitting a form twice. I'm currently using the
following in a button element:

<input type="button" onclick="this.d isabled=true;th is.form.submit( );">

Use a submit button and don't call this.form.submi t();

<input type="button" onclick="this.d isabled=true;">

This makes the form accessible when js is not enabled.

What happens when the user's connection drops after the user fills out
the form, but before pressing submit?

If you've used a wireless connection, you've no doubt run into that
problem. It's a bad effect that I remember experiencing on GG and GMail
many times.

Garrett

--
comp.lang.javas cript FAQ <URL: http://jibbering.com/faq/ >

[dhtml]

dhtml wrote:

Ed Jay wrote:

>Despite searching the net, I can't find a suitable solution that
prevents a
user's double click from submitting a form twice. I'm currently using the
following in a button element:

<input type="button" onclick="this.d isabled=true;th is.form.submit( );">

Use a submit button and don't call this.form.submi t();

<input type="button" onclick="this.d isabled=true;">

I meant:

<input type="submit" onclick="this.d isabled=true;">

This makes the form accessible when js is not enabled.

What happens when the user's connection drops after the user fills out
the form, but before pressing submit?

If you've used a wireless connection, you've no doubt run into that
problem. It's a bad effect that I remember experiencing on GG and GMail
many times.

So can be replaced with:
<input type="submit">

If you need to filter double requests on the server, put a hidden in the
form. When the token comes, you've got your request. Subsequent
submissions with that token can be ignored.

Garrett

Garrett

--
comp.lang.javas cript FAQ <URL: http://jibbering.com/faq/ >

[Ed Jay]

my************* ******@googlema il.com scribed:

>On Oct 15, 12:01*am, Ed Jay wrote:

>Despite searching the net, I can't find a suitable solution that prevents a
user's double click from submitting a form twice. I'm currently using the
following in a button element:
<input type="button" onclick="this.d isabled=true;th is.form.submit( );">
While it prevents multiple single clicks, it isn't good enough for a fast
double click, such as found on some multi-button mice.

Have a look at
http://www.dynamicdrive.com/dynamici...submitonce.htm

I do not know if is fast enough for all mice,
and using cats would not be very nice.

Thanks. Tried it, and it failed.

--
Ed Jay (remove 'M' to reply by email)

Win the War Against Breast Cancer.
Knowing the facts could save your life.
http://www.breastthermography.info

[Ed Jay]

dhtml scribed:

>Ed Jay wrote:

>Despite searching the net, I can't find a suitable solution that prevents a
user's double click from submitting a form twice. I'm currently using the
following in a button element:

<input type="button" onclick="this.d isabled=true;th is.form.submit( );">

Use a submit button and don't call this.form.submi t();

<input type="button" onclick="this.d isabled=true;">

This makes the form accessible when js is not enabled.

Not a problem with js disabled, as the user cannot access the form unless js
is enabled.

>
What happens when the user's connection drops after the user fills out
the form, but before pressing submit?

If you've used a wireless connection, you've no doubt run into that
problem. It's a bad effect that I remember experiencing on GG and GMail
many times.

Good point, in general, but this is a web app in a doctor's office, so
losing a wireless connection doesn't pose a problem.

--
Ed Jay (remove 'M' to reply by email)

Win the War Against Breast Cancer.
Knowing the facts could save your life.
http://www.breastthermography.info

[rf]

"dhtml" <dh**********@g mail.comwrote in message
news:gd******** **@registered.m otzarella.org.. .

dhtml wrote:

>Ed Jay wrote:

>>Despite searching the net, I can't find a suitable solution that
prevents a
user's double click from submitting a form twice. I'm currently using
the
following in a button element:

<input type="button" onclick="this.d isabled=true;th is.form.submit( );">

Use a submit button and don't call this.form.submi t();

If you need to filter double requests on the server, put a hidden in the
form. When the token comes, you've got your request. Subsequent
submissions with that token can be ignored.

Or cause the server side script to issue a redirect to a "thankyou" page.
This can be extended to representing (without processing) the form page when
you find invalid values.

[Tim Greer]

Ed Jay wrote:

Despite searching the net, I can't find a suitable solution that
prevents a user's double click from submitting a form twice. I'm
currently using the following in a button element:

<input type="button" onclick="this.d isabled=true;th is.form.submit( );">

While it prevents multiple single clicks, it isn't good enough for a
fast double click, such as found on some multi-button mice.

Anyone have a better solution?

The only and best way to ensure this isn't an issue, is coding the
script to only execute the necessary functions on the first click. All
of the logic must be done in the script, and it's always best to code
scripts to not create a problem if a user was to submit the form over
once. Things like JavaScript on the browser end probably won't hurt,
but shouldn't be relied upon. Use some custom session instead and
control what happens and anticipate the things such as a double
submission.
--
Tim Greer, CEO/Founder/CTO, BurlyHost.com, Inc.
Shared Hosting, Reseller Hosting, Dedicated & Semi-Dedicated servers
and Custom Hosting. 24/7 support, 30 day guarantee, secure servers.
Industry's most experienced staff! -- Web Hosting With Muscle!

[Ed Jay]

dhtml scribed:

>>Despite searching the net, I can't find a suitable solution that
prevents a user's double click from submitting a form twice. I'm currently using the
following in a button element:

If you need to filter double requests on the server, put a hidden in the
form. When the token comes, you've got your request. Subsequent
submissions with that token can be ignored.

Doesn't thin presuppose that the same instance of the script is running for
both submissions?

--
Ed Jay (remove 'M' to reply by email)

Win the War Against Breast Cancer.
Knowing the facts could save your life.
http://www.breastthermography.info

[Steve Swift]

Ed Jay wrote:

<input type="button" onclick="this.d isabled=true;th is.form.submit( );">

While it prevents multiple single clicks, it isn't good enough for a fast
double click, such as found on some multi-button mice.

Anyone have a better solution?

Caveat: I'm a Javascript novice.

Can you change your <inputso that it does a submit from the "onclick"
handler? The code that does the submit could then ignore a second click.

In concept:

onload sets come counter to 0
onclick increments the counter, and submits the form iff counter=1
--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk