js防止表單重複提交實現代碼

基於令牌的處理就是一勞永逸的方法。 複製代碼 代碼如下:<script Language='JavaScript'>
function formsubmit() {
Today = new Date();
var NowHour = Today.getHours();
var NowMinute = Today.getMinutes();
var NowSecond = Today.getSeconds();
var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond;
if((mysec-document.formsubmitf.mypretime.value)>600){
//600隻是一個時間值，就是5分鐘內禁止重複提交，值隨便設
document.formsubmitf.mypretime.value=mysec;
}
else{
alert(' 按一次就夠了，請勿重複提交！請耐心等待！謝謝合作！');
return false;
}
document.forms.formsubmitf.submit();
}
</script>

防止網頁後退–禁止緩衝
通過控制瀏覽器的緩衝及頁面的有效期間，當在重新導向之後的新頁面上點擊瀏覽器後退按鈕時，會提示”網頁已到期”，從而防止後退時導致表單被提交。但這種方式不是對所有瀏覽器都是有效，所以要考慮後再使用。在response時在header中添加如下代碼來控制瀏覽器的緩衝及網頁的有效期間限或直接在網頁的<meta>中添加： 複製代碼 代碼如下:<?php
//.....
///在IE 4或5中，Cache-Control標記將被忽略，不起作用
header('Cache-Control: no-cache');
header('Expires: 0');
//對於https有效,與“Expires: -1”相同，此時瀏覽器仍舊快取頁面面，但把頁面標記為立即到期
header('Pragma:no-cache');
//....
?>

action有這樣的一個方法產生令牌 複製代碼 代碼如下:protected String generateToken(HttpServletRequest request) {
HttpSession session = request.getSession();
try {
byte id[] = session.getId().getBytes();
byte now[] =
new Long(System.currentTimeMillis()).toString().getBytes();
MessageDigest md = MessageDigest.getInstance("MD5");
md.update(id);
md.update(now);
return (toHex(md.digest()));
} catch (IllegalStateException e) {
return (null);
} catch (NoSuchAlgorithmException e) {
return (null);
}
}

asp來做執行個體
表單檔案formtest.asp 複製代碼 代碼如下:<%
　　Randomize　'初始代隨機數種子
　　num1=rnd() '產生隨機數num1
　　num1=int(26*num1)+65　'修改num1的範圍以使其是A-Z範圍的Ascii碼，以防表單名出錯
　　session("antry")="test"&chr(num1)　'產生隨機字串
%>
<form name="test" action="testact.asp" method="post">
你的名字：<input type='text' name='' size=30>　 '注意本行中使用了隨機表單項名
<input type='submit' value='提交'>
</form>

表單處理程式testact.asp 複製代碼 代碼如下:<%
　　teststr=request.form(session("antry"))
　　if teststr="" then
　　　response.write "沒有填寫姓名或重複提交"
　　　'由於使用者沒有填寫名字，或表單被重複提交(標誌為session("antry")為空白)引起
　　else
　　　response.write teststr
　　　session("antry")=""　　'提交成功，清空session("antry")，以防重複提交！！
　　end if
%>

在這裡，你只需隨機化一個必填項目的表單項名即可，不必隨機化所有的表單項目