javascript下阻止表單重復(fù)提交、防刷新、防后退
更新時(shí)間:2007年08月17日 19:35:55 作者:
1 服務(wù)器端的解決方法。這是我最為推薦的方法。優(yōu)點(diǎn)是判斷準(zhǔn)確,兼容性最大。
做法:a頁(yè)面顯示表單,然后提交b頁(yè)面處理,處理完后重定向到c頁(yè)面顯示結(jié)果。
1.0 在訪問(wèn)a頁(yè)面時(shí)在session里生成一個(gè)標(biāo)志ID,例如
//偽代碼
session("submitID")=random()
然后把這個(gè)值寫到表單的一個(gè)hidden的input里
//偽代碼
<%response.write("<input name=submitID2 type=hidden value=\""+session("submitID")+"\">")%>
1.1 b頁(yè)面處理時(shí)判斷表單所提交的submitID2的值是否和session中的submitID一致,不一致的話重定向到報(bào)錯(cuò)頁(yè)面,一致的話把session中的submitID清空然后進(jìn)行表單處理
//偽代碼
session("submitID")=""
//然后處理提交......
處理完成后重定向到c頁(yè)面
1.2 c頁(yè)面其實(shí)就沒(méi)什么好說(shuō)的了,就是一個(gè)顯示處理結(jié)果的頁(yè)面。
2 客戶端用js解決
這種方法不好,因?yàn)楸厝粫?huì)遇到不同瀏覽器的兼容性問(wèn)題,而且是必然可以繞過(guò)的。唯一的優(yōu)點(diǎn)就是簡(jiǎn)單,不需要太多的編碼
2.0防止后退
在每個(gè)頁(yè)面的最頂上加上這個(gè)代碼
<script>window.history.forward();</script>
2.1防止刷新
我很難想到什么好方法可以做到。因?yàn)橐帘蔚牡胤教嗔?。只好采用一種很爛的方法:
<body onunload="location='about:blank'>" <!-- 這個(gè)方法只是個(gè)想法,沒(méi)有經(jīng)過(guò)調(diào)試 -->
做法:a頁(yè)面顯示表單,然后提交b頁(yè)面處理,處理完后重定向到c頁(yè)面顯示結(jié)果。
1.0 在訪問(wèn)a頁(yè)面時(shí)在session里生成一個(gè)標(biāo)志ID,例如
//偽代碼
session("submitID")=random()
然后把這個(gè)值寫到表單的一個(gè)hidden的input里
//偽代碼
<%response.write("<input name=submitID2 type=hidden value=\""+session("submitID")+"\">")%>
1.1 b頁(yè)面處理時(shí)判斷表單所提交的submitID2的值是否和session中的submitID一致,不一致的話重定向到報(bào)錯(cuò)頁(yè)面,一致的話把session中的submitID清空然后進(jìn)行表單處理
//偽代碼
session("submitID")=""
//然后處理提交......
處理完成后重定向到c頁(yè)面
1.2 c頁(yè)面其實(shí)就沒(méi)什么好說(shuō)的了,就是一個(gè)顯示處理結(jié)果的頁(yè)面。
2 客戶端用js解決
這種方法不好,因?yàn)楸厝粫?huì)遇到不同瀏覽器的兼容性問(wèn)題,而且是必然可以繞過(guò)的。唯一的優(yōu)點(diǎn)就是簡(jiǎn)單,不需要太多的編碼
2.0防止后退
在每個(gè)頁(yè)面的最頂上加上這個(gè)代碼
<script>window.history.forward();</script>
2.1防止刷新
我很難想到什么好方法可以做到。因?yàn)橐帘蔚牡胤教嗔?。只好采用一種很爛的方法:
<body onunload="location='about:blank'>" <!-- 這個(gè)方法只是個(gè)想法,沒(méi)有經(jīng)過(guò)調(diào)試 -->
您可能感興趣的文章:
- js防止表單重復(fù)提交的兩種方法
- js防止表單重復(fù)提交實(shí)現(xiàn)代碼
- js控制再次點(diǎn)擊按鈕之間的間隔時(shí)間可防止重復(fù)提交
- JSP防止網(wǎng)頁(yè)刷新重復(fù)提交數(shù)據(jù)的幾種方法
- JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕后變灰避免多次重復(fù)提交
- JSP刷新頁(yè)面表單重復(fù)提交問(wèn)題解決辦法分享
- JS Ajax請(qǐng)求如何防止重復(fù)提交
- jsp 重復(fù)提交問(wèn)題
- 一個(gè)JavaScript防止表單重復(fù)提交的實(shí)例
- 前端防止用戶重復(fù)提交js實(shí)現(xiàn)代碼示例
相關(guān)文章
IE不支持option的display樣式,只能使用remove和add
想實(shí)現(xiàn)一個(gè)很簡(jiǎn)單的功能:當(dāng)選中“中介”時(shí),不顯示“求購(gòu)”與“求租”。本以為通過(guò)display:none即可實(shí)現(xiàn),結(jié)果發(fā)現(xiàn)在option元素上使用display:none在firefox中有效,在IE6、IE7、IE8中都無(wú)效。2009-12-12javaScript 簡(jiǎn)單驗(yàn)證代碼(用戶名,密碼,郵箱)
下面的代碼包括了用戶名,密碼,郵箱的基本驗(yàn)證代碼,需要的朋友可以參考下。2009-09-09一個(gè)即時(shí)表單驗(yàn)證的javascript代碼
一個(gè)即時(shí)表單驗(yàn)證的javascript代碼...2007-07-07在textarea中屏蔽js的某個(gè)function的javascript代碼
在textarea中屏蔽js的某個(gè)function的javascript代碼...2007-04-04