在客戶端限制表單重復(fù)提交有兩種方法：
???????? 第一種：在javascript腳本中設(shè)置一個(gè)標(biāo)志變量，來(lái)區(qū)分表單是否已經(jīng)提交。如果已經(jīng)提交，則彈出對(duì)話框告訴用戶“重復(fù)提交”。
??????? 第二種：在單擊提交按鈕以后將提交按鈕設(shè)置為disabled狀態(tài)，這樣用戶就無(wú)法再提交按鈕，客戶端也就無(wú)法重復(fù)提交。
???????
采用第一種方法：1.新建一個(gè)ClientTest1.jsp文件，代碼如下：
<%@ page language="java" contentType="text/html; charset=Gb2312"
??? pageEncoding="GB2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Gb2312">
<title>客戶端限制重復(fù)提交</title>
<script language="javascript"
??? <!--定義重復(fù)提交標(biāo)志變量 -->
??? var repeatSubmitFlag = false;
??? <!-- 重復(fù)提交檢查函數(shù) -->
??? function checkSubmit()
??? {
??? ??? if(repeatSubmitFlag) <!-- 如果標(biāo)志為true，則說(shuō)明頁(yè)面已經(jīng)提交 -->
??? ??? {
??? ??? ??? window.alert('禁止重復(fù)提交！');
??? ??? ??? return false;
??? ??? }
??? ??? else
??? ??? {
??? ??? ??? repeatSubmitFlag = true;
??? ??? ??? return true;
??? ??? }
??? }
</script>
</head>
<body bcolor="#ffffff">
??? <form name="form_client" action="http://www.dlmu.edu.cn" onsubmit="return checkSubmit();">
??? ??? <input type="checkbox" name="check_1" checked=true/>大連海事大學(xué)
??? ??? <input type="submit" name="submitok"/>
??? </form>
</body>
</html> |
? 2.如果重復(fù)提交表單就會(huì)彈出錯(cuò)誤提示對(duì)話框
??? 采用第二種方法：
1.新建一個(gè)ClientTest2.jsp文件，代碼如下：
<%@ page language="java" contentType="text/html; charset=GB2312"
??? pageEncoding="Gb2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Gb2312">
<title>客戶端限制重復(fù)提交-2</title>
</head>
<body bgcolor="#ffffff">
??? <form name="form_client" action="http://www.dlmu.edu.cn"
??? ??? onsubmit="window.document.form_client.submitok.disabled=true; return true;">
??? ??? <input type="checkbox" name="check_1" checked="true"/>大連海事大學(xué)
??? ??? <input type="submit" name="submitok"/>
??? </form>
</body>
</html> |
2.如果重復(fù)提交表單就會(huì)彈出錯(cuò)誤提示對(duì)話框