2008年4月28日 星期一

簡易的防止按鈕被重覆點擊

包仔最近在某論壇有看見有人提出如何防止按鈕被重覆點擊的問題,剛好前些日子正好有做到這部份
且看包仔以下分解。

包仔是利用JavaScript在客戶端做簡易的防止動作。
實作頁面testButton.aspx




‧以上略
〈asp:Button id="btnCheck" runat="server" Text="按我" OnClientClick="OneCheck(); return false;"〉〈/asp:Button〉
〈asp:Label ID="lblMessage" runat="server" ForeColor="Blue"〉〈/asp:Label〉

‧中間略

〈script type="text/javascript"〉
var flag = true;
function OneCheck()
{
if(flag)
{
flag = false;
document.getElementById('〈%=lblMessage.ClientID %〉').innerHTML = "執行第一次,請耐心等候動作完成...";
return true;
}
else
{
document.getElementById('〈%=lblMessage.ClientID %〉').innerHTML = "執行第二次,請勿執行相同動作。";
document.getElementById('〈%=btnCheck.ClientID %〉').disabled = true;
}
}
〈/script〉


HEMiDEMi Technorati Del.icio.us MyShare個人書籤 Yahoo

0 意見: