javascript下阻止表單重復(fù)提交、防刷新、防后退
更新時間：2007年08月17日 19:35:55 作者：
1 服務(wù)器端的解決方法。這是我最為推薦的方法。優(yōu)點是判斷準確，兼容性最大。
做法：a頁面顯示表單，然后提交b頁面處理，處理完后重定向到c頁面顯示結(jié)果。
1.0 在訪問a頁面時在session里生成一個標志ID,例如
//偽代碼
session("submitID")=random()
然后把這個值寫到表單的一個hidden的input里
//偽代碼
<%response.write("<input name=submitID2 type=hidden value=\""+session("submitID")+"\">")%>
1.1 b頁面處理時判斷表單所提交的submitID2的值是否和session中的submitID一致，不一致的話重定向到報錯頁面，一致的話把session中的submitID清空然后進行表單處理
//偽代碼
session("submitID")=""
//然后處理提交......
處理完成后重定向到c頁面
1.2 c頁面其實就沒什么好說的了，就是一個顯示處理結(jié)果的頁面。
2 客戶端用js解決
這種方法不好，因為必然會遇到不同瀏覽器的兼容性問題，而且是必然可以繞過的。唯一的優(yōu)點就是簡單，不需要太多的編碼
2.0防止后退
在每個頁面的最頂上加上這個代碼
<script>window.history.forward();</script>
2.1防止刷新
我很難想到什么好方法可以做到。因為要屏蔽的地方太多了。只好采用一種很爛的方法：
<body onunload="location='about:blank'>" <!-- 這個方法只是個想法，沒有經(jīng)過調(diào)試 -->
做法：a頁面顯示表單，然后提交b頁面處理，處理完后重定向到c頁面顯示結(jié)果。
1.0 在訪問a頁面時在session里生成一個標志ID,例如
//偽代碼
session("submitID")=random()
然后把這個值寫到表單的一個hidden的input里
//偽代碼
<%response.write("<input name=submitID2 type=hidden value=\""+session("submitID")+"\">")%>
1.1 b頁面處理時判斷表單所提交的submitID2的值是否和session中的submitID一致，不一致的話重定向到報錯頁面，一致的話把session中的submitID清空然后進行表單處理
//偽代碼
session("submitID")=""
//然后處理提交......
處理完成后重定向到c頁面
1.2 c頁面其實就沒什么好說的了，就是一個顯示處理結(jié)果的頁面。
2 客戶端用js解決
這種方法不好，因為必然會遇到不同瀏覽器的兼容性問題，而且是必然可以繞過的。唯一的優(yōu)點就是簡單，不需要太多的編碼
2.0防止后退
在每個頁面的最頂上加上這個代碼
<script>window.history.forward();</script>
2.1防止刷新
我很難想到什么好方法可以做到。因為要屏蔽的地方太多了。只好采用一種很爛的方法：
<body onunload="location='about:blank'>" <!-- 這個方法只是個想法，沒有經(jīng)過調(diào)試 -->
相關(guān)文章
表單填寫時用回車代替TAB的實現(xiàn)方法...2007-10-10
JavaScript關(guān)于select的相關(guān)操作說明
JavaScript關(guān)于select的相關(guān)操作參考代碼。2010-01-01
javaScript checkbox 全選/反選及批量刪除
javaScript checkbox 全選/反選及批量刪除實現(xiàn)代碼，需要的朋友可以參考下。2010-04-04
關(guān)于表單的兩點交互體驗改進技巧...2007-02-02![[IE&FireFox兼容]JS對select操作](http://img.jbzj.com/images/xgimg/bcimg4.png)
[IE&FireFox兼容]JS對select操作...2007-01-01
Javascript實現(xiàn)CheckBox的全選與取消全選的代碼
在批量處理列表數(shù)據(jù)時，往往會用到 CheckBox 的全選與取消全選，雖然她的實現(xiàn)原理很簡單，但是對新手來說還是有些難度。2010-07-07
原理及是根據(jù)輸入字符的類別，是字母，還是數(shù)字，大小寫等判斷，代碼 比較精簡，大家可以研究下。2009-01-01
通過隱藏option實現(xiàn)select的聯(lián)動效果
開始的時候需求是根據(jù)一定條件隱藏一部分<option>標簽，類似聯(lián)動效果，但是目前的html規(guī)范并沒有為<option>提供隱藏的效果，因此常用的設(shè)置display或者visibility無效。2009-11-11
這款密碼強度實時驗證代碼比較實用啊， 也比較簡單，通過對輸入字符串的判斷，得知密碼的強度。2010-06-06
動態(tài)改變textbox的寬高的js...2006-10-10