submit button

[saravanan kanda swamy]

Hi,

I have a problem like ,I have a JSP page which will be direct to action class. Once the user clicks the submit button the request goes to the action class but before the user receives any response, when it is still processing the user clicks submit button multiple times.

Which in turn resulting in multiple request i want to avoid this when the user is clicks the submit button first time it should process it should leave the other request (the requests he clicks after the first one)

Thanks in advance.

regards,
Saravanan.K

[Yuriy Fuksenko]

Hi,
I am copying that from this
discussion

--------------------------------------------------------------------------------
Just believe me - user could always srew something up. As far as I remember, the following things where done in such situation, but none of them is flawless:
1. Setting a flags
2. Disabling a link.
3. Showing a transparent DIV on top of whole page (page will became "readonly") for couple seconds. setTimeout should be used to remove this DIV, in case user clicks Stop button. - I like this one.
4. doing something like <A href='#' onclick='submitIt()' ondblclick='submitIt()'>
5. whole bunch of server side things - session and request flags, and so on


Here is an example for option 3:

 
<script>
var _timeout = 10000; 
var _el=null;
 
function disablePage(){
  if(_el == null){
    _el = document.createElement("DIV");
    _el.style.position="absolute";
    //in this case images/spacer.gif is transparent 1 pixel image
    // _el.style.backgroundImage = 'url(images/spacer.gif)';
    _el.style.width = "1";
    _el.style.heigth = "1";
    document.body.appendChild(_el);
  }
   _el.style.visibility = "visible";
   _el.style.zIndex = "1000";
   _el.style.left = '0';
   _el.style.top = '0';
   if(document.all){
     _el.style.width = document.body.scrollWidth;
     _el.style.height = document.body.scrollHeight;
   }
   else{
     _el.style.width = document.width;
     _el.style.height = document.height;
   }
   setTimeout("enablePage();",_timeout );
}
 
function enablePage(){
   _el.style.visibility = "hidden";
   _el.style.zIndex = "-1";
}
 
function doSubmit(){
  disablePage();
  document.myForm.submit();
}
</script>
<a href="javascript:doSubmit()">Submit a form</a>
<form name="myForm" ....>
  .....
</form>

[saravanan kanda swamy]

We got the solution for the problem , we are going with disabling the submit button with a javacript onlclick which will trun off all the other request.

Sorry for the late reply.

Thanks,
Saravanan.K