在客戶端限制表單重復提交有兩種方法：
???????? 第一種：在javascript腳本中設置一個標志變量，來區分表單是否已經提交。如果已經提交，則彈出對話框告訴用戶“重復提交”。
??????? 第二種：在單擊提交按鈕以后將提交按鈕設置為disabled狀態，這樣用戶就無法再提交按鈕，客戶端也就無法重復提交。
???????
采用第一種方法：1.新建一個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>客戶端限制重復提交</title>
<script language="javascript"
??? <!--定義重復提交標志變量 -->
??? var repeatSubmitFlag = false;
??? <!-- 重復提交檢查函數 -->
??? function checkSubmit()
??? {
??? ??? if(repeatSubmitFlag) <!-- 如果標志為true，則說明頁面已經提交 -->
??? ??? {
??? ??? ??? window.alert('禁止重復提交！');
??? ??? ??? 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/>大連海事大學
??? ??? <input type="submit" name="submitok"/>
??? </form>
</body>
</html> |
? 2.如果重復提交表單就會彈出錯誤提示對話框
??? 采用第二種方法：
1.新建一個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>客戶端限制重復提交-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"/>大連海事大學
??? ??? <input type="submit" name="submitok"/>
??? </form>
</body>
</html> |
2.如果重復提交表單就會彈出錯誤提示對話框