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

Home Copyright © Shu-Chen Wu