submit once help...

[thompom]

Hi,

can someone please show what i need to do to get this to work.

i have an image button on a form that when clicked checks validation then submits the form.
lately people have been clicking more than once so the form is posted twice.

have found a function that prevents this but i cant get it to work with my other onclick events

so far...

submit once function - thanks to javascript.internet.com

var submitcount=0;

function checkFields() {                     
   if (submitcount == 0)
      {
      submitcount++;
      return true;
      }
   else 
      {
      alert("This form has already been submitted.  Thankyou");
      return false;
      }
   }

my image submit button

<input name="Action" type="image" id="Action" src="images/tbot6_01.gif" width="87" height="50" border="0" onclick="return EW_checkMyForm(this.form); return checkFields(); return this.form.a.value='A';">

 

[BillyRayPreachersSon]

You should do this detection server-side, as if the user has JS disabled and clicks twice, you'll still need to handle it.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BabyJeffy]

Drop the onclick and move it to the onsubmit for the form.

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[BillyRayPreachersSon]

Incidentally, if you are going to do this client-side, you should the "onsubmit" event of the form, not the onclick event of any button / image input types for this sort of thing.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[monksnake]

I don't see how you can submit a form twice by clicking on an image 2 times. I think people are refreshing the page after a submit.


The way I handle that is by creating a hidden <input> that contains the current date and time. I also populate a Session variable with the current date and time. If a refresh is done, the <input> will contain the old time where the Session variable will contain a more updated time. Just compare the times, if they are equal process the information from the form, otherwise don't.

This is server-side by the way.



<.

 

[thompom]

thanks for your replies

if i use the event on the form what if i have two buttons that do different things?

am going to sort this server side - thanks again