How do I stop a form being submitted twice ?

[towser]

I have a problem where a users are submitting a form more than once and this is then sending duplicate messages to my back end system.

Is there a way I can trap and subsequently stop the form being submitted twice ?

P.S I don't want to disable the submit button and they also have a requirement to submit the form using the enter key.

Thanks, any pointers would be great

 

[BillyRayPreachersSon]

The best way to do this would be to trap it server-side. This would also then work where users have JavaScript disabled.

One way to do it would be to deliver a unique key to the page, and test to see if that key has already been submitted. I'm sure you could find a way of doing it with sessions, too. I'd ask in the forum for the server-side technology you are using on how to do this.

Hope this helps,
Dan



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

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

[/tt]

 

[towser]

Cheers Dan. Unfortuately the webpages are being displayed on the fly from an XML message passed back to webserver from a mainframe via an XSLT transformation, so I was kinda hoping they'd be a simple Javascript solution.

I'll look into that anyway though.

 

[BillyRayPreachersSon]

If you must do this client-side, then try this:

<script type="text/javascript">
var submittedFlag = false;

function submitForm() {
   if (!submittedFlag) {
      submittedFlag = true;
      return(true);
   }
   return(false);
}
</script>
...

<form onsubmit="return(submitForm());">

Hope this helps,
Dan


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

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

[/tt]

 

[tsdragon]

You could also just disable the submit button when the form is submitted.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[yenping]

try this link, hope it'll help you:

http://www.tipsntutorials.com/tips/Javascript/49