萬隆小站

標題：控制網頁的submit不被重覆輸入
時間：Sun Jul 8 17:27:03 2001

目前在寫客戶的網頁，有些網頁必須控制
不被使用者連續按兩次以上的Submit(確定)鍵，
例如：避免連續留言，或避免連續下訂單等。

------------------------------------------------------------
一、Client 端控制：

利用JavaScript的Flag變數控制

<script language='JavaScript'>
　var flag = true;
　function doSubmit() {
　　if (flag) {
alert('Submit!');
flag = false;
　　　//document.fm.submit()
　　}
　}
</script>
<form name='fm'>
<input type='button' value='submit' onclick='doSubmit()'>
</form>

------------------------------------------------------------
二、Client 端控制：

利用JavaScript讓按鈕消失

當使用者在Click [Submit] Button 時，
把這個 [Submit] Button 消失，
讓使用者點不到。

<script language='javascript'>
function doSubmit() {
alert('Submit!');
document.all.b_submit.innerHTML = '';
//document.fm.submit();
}
</script>
<form name='fm'>
<div id='b_submit'>
<input type='button' value='submit' onclick='doSubmit()'>
</div>
</form>

------------------------------------------------------------
三、Server 端控制：

在第一個網頁宣告session flag=0;
Sumbit所指向的網頁設session flag++;
if (flag!=1) return;

------------------------------------------------------------

--
作者：Dana, cowwu@ms15.hinet.net, 2001/07/08 (2004/06/28補充, 2004/08/13補充)
本文章公開於個人網站 http://www.dana.idv.tw