控制網頁的submit不被重覆輸入

回覆文章
布魯斯
Site Admin
文章: 211
註冊時間: 週四 2月 16, 2006 3:34 pm

控制網頁的submit不被重覆輸入

文章 布魯斯 »

標題:控制網頁的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
回覆文章