当前位置： 代码迷 >> 综合 >> 在Asp.net中利用Javascript避免表单重复提交(for .net2.0)
  详细解决方案

在Asp.net中利用Javascript避免表单重复提交(for .net2.0)

热度：54   发布时间：2024-01-09 23:52:47.0
  1. //---------------------------------------------------------
  2. // 作者：野文（Jasson）
  3. // 日期：2007-1-11
  4. // 功能：避免重复提交数据
  5. //       请放在HTML页面的最后，</body>标记前</form>标记后。
  6. //---------------------------------------------------------
  8. function _doPostBack(){}; 
  10. if(typeof(__doPostBack)=="function") 
  11. {     
  12.     _doPostBack=__doPostBack; 
  13.     __doPostBack=_doPostBackNew; 
  14. } 
  16. document.attachEvent("onmousemove",_onmousemove); 
  18. var _isPosting=false; 
  19. var _divMask=null; 
  20. var _divMOMask = null;
  22. function _onmousemove() 
  23. {       
  24.     if(_divMOMask) 
  25.         with(_divMOMask.runtimeStyle) 
  26.         {
  27. 　　        left=event.clientX+document.body.scrollLeft-4; 
  28. 　　        top=event.clientY+document.body.scrollTop-4; 
  29.         } 
  30. }
  32. function _makeMOMask() 
  33. { 
  34.     var div=document.createElement("DIV"); 　　
  35.     with(div.runtimeStyle) 
  36.     {
  37.         width="100%";
  38.         height="100%";
  39.         position="absolute";　　    
  40. 　　    zIndex=999999; 
  41. 　　    fontSize="12px";
  42. 　　    cursor="wait"; 
  43. 　　    backgroundColor="gray"; 
  44. 　　    filter="alpha(opacity=0)"; 　　    　　    　　
  45.     } 
  46.     try 
  47.     {         
  48. 　　    document.body.insertAdjacentElement("BeforeEnd",div); 　
  49. 　　    div.style.left=( parseFloat(document.body.offsetWidth)-parseFloat(div.offsetWidth))/2  ;//event.clientX+document.body.scrollLeft-4; 
  50. 　　    div.style.top=(  parseFloat(document.body.offsetHeight)-parseFloat(div.offsetHeight))/2;//event.clientY+document.body.scrollTop-4; 　　     　    　　    
  51. 　　    div.οnblur=new Function("this.focus()"); 
  52. 　　    div.focus(); 　　    
  53.     } 
  54.     catch(x){} 
  56.     if(_divMOMask)    
  57.         _divMOMask.removeNode(true); 
  58.      _divMOMask=div; 
  59. }  
  61. function _makeMask() 
  62. { 
  63.     var div=document.createElement("DIV"); 
  64.     
  65.     with( div )
  66.     {
  67.         innerHTML = "<font color='red'>正在更新页面，请稍候...</font>";    
  68.         align="center";　　    
  69. 　　}
  70. 　　
  71.     with(div.runtimeStyle) 
  72.     {
  73.         paddingLeft="30px";
  74.         paddingRight="30px";
  75.         paddingTop = "15px";
  76.         paddingBottom="15px";
  77.         position="absolute";　　    
  78. 　　    zIndex=999998; 
  79. 　　    fontSize="12px";
  80. 　　    cursor="wait"; 
  81. 　　    backgroundColor="#D0D0FF"; 
  82. 　　    filter="alpha(opacity=90)"; 　　    　　    　　
  83.     } 
  84.     try 
  85.     {         
  86. 　　    document.body.insertAdjacentElement("BeforeEnd",div); 　
  87. 　　    div.style.left=( parseFloat(document.body.offsetWidth)-parseFloat(div.offsetWidth))/2  ;//event.clientX+document.body.scrollLeft-4; 
  88. 　　    div.style.top=(  parseFloat(document.body.offsetHeight)-parseFloat(div.offsetHeight))/2;//event.clientY+document.body.scrollTop-4; 　　     　    　　    
  89. 　　    //div.οnblur=new Function("this.focus()"); 　　    
  90. 　　    //div.focus(); 　　    
  91.     } 
  92.     catch(x){} 
  94.     if(_divMask)    
  95.         _divMask.removeNode(true); 
  96.      _divMask=div; 
  97. } 
  99. function _doPostBackNew(sender,args) 
  100. { 
  101.     if(_isPosting) 
  102. 　　    return event.returnValue=!(event.cancelBubble=true); 
  103.     window.status="正在更新页面，请稍候...";        
  104.     _doPostBack(sender,args); 
  105.     _isPosting=true; 
  106.     _makeMask();
  107.     _makeMOMask(); 
  108. } 
  110. function _onformsubmit() 
  111. { 
  112.     if(_isPosting) 
  113. 　　    return event.returnValue=!(event.cancelBubble=true); 
  115.     _isPosting=true; 
  116.     _makeMask(); 
  117.     _makeMOMask();   
  118. } 
  120. new function _attachForms() 
  121. {
  122.     if( typeof(WebForm_OnSubmit)=="function" )
  123.     {
  124.         function _WebForm_OnSubmit(){};
  125.         _WebForm_OnSubmit = WebForm_OnSubmit;
  126.         WebForm_OnSubmit = function()
  127.         {
  128.             if( _WebForm_OnSubmit() )
  129.                 _onformsubmit();
  130.         }        
  131.     }
  132.      
  133.     with(new Enumerator(document.forms)) 
  134.     for(;!atEnd();moveNext()) 
  135.     { 
  136.         if( typeof(item().onsubmit)!="function")
  137. 　　        item().attachEvent("onsubmit",_onformsubmit); 　　    
  138. 　　    var div=document.createElement("div"); 
  139. 　　    div.runtimeStyle.width="0px"; 
  140. 　　    div.runtimeStyle.hight="0px"; 
  141. 　　    div.runtimeStyle.overflow="hidden"; 
  142. 　　    div.runtimeStyle.position="absolute"; 
  143. 　　    item(0).insertAdjacentElement("afterbegin",div); 
  144. 　　    div.innerHTML="<INPUT id=webformpatchsubmitelement οnclick='return event.returnValue=false' type=submit value=webformpatchsubmitelement name=webformpatchsubmitelement>"; 　　  
  145.     } 
  146. } 
  相关解决方案

代码迷 - 您身边的软件异常，代码异常，编程异常助手（发现，解决，分享）
Copyright © 2009-2013 DAIMAMI.COM. All rights reserved.