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

2008-04-28

3256
0
JavaScript

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

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

<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button id="btnCheck" runat="server" Text="按我" OnClientClick="OneCheck(); return false;"></asp:Button>
        <asp:Label ID="lblMessage" runat="server" ForeColor="Blue"></asp:Label>
    </div>
    </form>

    <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>
</body>

JavaScript

回首頁