在Asp.net中利用Javascript避免表單重複提交(for .net2.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.onblur=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.onblur=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 onclick='return event.returnValue=false' type=submit value=webformpatchsubmitelement name=webformpatchsubmitelement>"; 　　  
145.     } 
146. }