快捷導(dǎo)航

js防止表單重復(fù)提交實(shí)現(xiàn)代碼

更新時(shí)間：2012年09月05日 20:19:38 作者：

重復(fù)提交、重復(fù)刷新、防止后退等等都是屬于系統(tǒng)為避免重復(fù)記錄而需要解決的問題，在客戶端去處理需要針對每一種的可能提出相應(yīng)的解決方案，然而在服務(wù)器端看來只不過是對于數(shù)據(jù)真實(shí)性的檢驗(yàn)問題

基于令牌的處理就是一勞永逸的方法。

復(fù)制代碼代碼如下:

 
<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只是一個(gè)時(shí)間值，就是5分鐘內(nèi)禁止重復(fù)提交，值隨便設(shè) 
document.formsubmitf.mypretime.value=mysec; 
} 
else{ 
alert(' 按一次就夠了，請勿重復(fù)提交！請耐心等待！謝謝合作！'); 
return false; 
} 
document.forms.formsubmitf.submit(); 
} 
</script> 

防止網(wǎng)頁后退–禁止緩存
通過控制瀏覽器的緩存及頁面的有效期，當(dāng)在重定向之后的新頁面上點(diǎn)擊瀏覽器后退按鈕時(shí)，會(huì)提示”網(wǎng)頁已過期”，從而防止后退時(shí)導(dǎo)致表單被提交。但這種方式不是對所有瀏覽器都是有效的，所以要考慮后再使用。在response時(shí)在header中添加如下代碼來控制瀏覽器的緩存及網(wǎng)頁的有效期限或直接在網(wǎng)頁的<meta>中添加：

復(fù)制代碼代碼如下:

 
<?php 
//..... 
///在IE 4或5中，Cache-Control標(biāo)記將被忽略，不起作用 
header('Cache-Control: no-cache'); 
header('Expires: 0'); 
//對于https有效,與“Expires: -1”相同，此時(shí)瀏覽器仍舊緩存頁面，但把頁面標(biāo)記為立即過期 
header('Pragma:no-cache'); 
//.... 
?> 

action有這樣的一個(gè)方法生成令牌

復(fù)制代碼代碼如下:

 
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來做實(shí)例
表單文件formtest.asp

復(fù)制代碼代碼如下:

 
<% 
　　Randomize　'初始代隨機(jī)數(shù)種子 
　　num1=rnd() '產(chǎn)生隨機(jī)數(shù)num1 
　　num1=int(26*num1)+65　'修改num1的范圍以使其是A-Z范圍的Ascii碼，以防表單名出錯(cuò) 
　　session("antry")="test"&chr(num1)　'產(chǎn)生隨機(jī)字符串 
%> 
<form name="test" action="testact.asp" method="post"> 
你的名字：<input type='text' name='' size=30>　 '注意本行中使用了隨機(jī)表單項(xiàng)名 
<input type='submit' value='提交'> 
</form> 

表單處理程序testact.asp

復(fù)制代碼代碼如下:

 
<% 
　　teststr=request.form(session("antry")) 
　　if teststr="" then 
　　　response.write "沒有填寫姓名或重復(fù)提交" 
　　　'由于用戶沒有填寫名字，或表單被重復(fù)提交(標(biāo)志為session("antry")為空)引起 
　　else 
　　　response.write teststr 
　　　session("antry")=""　　'提交成功，清空session("antry")，以防重復(fù)提交??！ 
　　end if 
%> 

在這里，你只需隨機(jī)化一個(gè)必填項(xiàng)目的表單項(xiàng)名即可，不必隨機(jī)化所有的表單項(xiàng)目

您可能感興趣的文章: