Question

I am taking my first steps with Ajax while working on a Grails application. I am using

<g:form ...>  
  <g:submitToRemote ... />
</g:form>

in the most simple way and it worked great out of the box (Thanks grails!). The problem is, that the Ajax call needs about 2 seconds to return and update the html (at least on the test system) and during that time, the user can (and actually does quite often) hit the submit button again. At the moment this results in a 2nd call being made that finally ruins the output (an error msg says, that one cannot submit the same data twice).

What is the best way to prevent this?

Thanks in advance for your input!

Answer 1

The best way to handle this is to disable the submit button in your onSubmit() function. Honestly, I don’t know why more sites don’t do this. I often go the next step and instead of disabling the submit button, I put the submit button in a span tag and replace the contents of the span tag with static text “Please wait…” That way your users get visual feedback they pressed the button and “top men are working on it”.