DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js防止表單重復提交實現代碼
js防止表單重復提交實現代碼
編輯:關於JavaScript     
基於令牌的處理就是一勞永逸的方法。
復制代碼 代碼如下:
<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
%>

在這裡,你只需隨機化一個必填項目的表單項名即可,不必隨機化所有的表單項目
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved