javascript下阻止表單重復提交、防刷新、防后退

2019-11-21 01:58:01

字體：大中小

來源：轉載

供稿：網友

1 服務器端的解決方法。這是我最為推薦的方法。優點是判斷準確，兼容性最大。

做法：a頁面顯示表單，然后提交b頁面處理，處理完后重定向到c頁面顯示結果。

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頁面其實就沒什么好說的了，就是一個顯示處理結果的頁面。

2 客戶端用js解決
這種方法不好，因為必然會遇到不同瀏覽器的兼容性問題，而且是必然可以繞過的。唯一的優點就是簡單，不需要太多的編碼

2.0防止后退
在每個頁面的最頂上加上這個代碼

<script>window.history.forward();</script>
2.1防止刷新
我很難想到什么好方法可以做到。因為要屏蔽的地方太多了。只好采用一種很爛的方法：

<body onunload="location='about:blank'>"

上一篇：javascript下計數器每秒自動加1

下一篇：一個剛完成的layout（拖動流暢，不受iframe影響）