CODEWITHSUNDEEP
javascriptc#asp.net
bhavya158
bhavya158

Reputation: 29

how to disable button after first click in javascript

I am new to C#. I have a save button inside InsertItemTemplate. I have used the following code to disable the button after first click in java script but its not even working for the first click please help me.

<asp:ImageButton ID="imgbtnSave" runat="server" CommandName="Add" CausesValidation="true" OnClientClick="this.disabled='true';return true;"  />

Upvotes: 0

Views: 574

Answers (1)

Gusman
Gusman

Reputation: 15161

You are modifying the "disabled" property of the DOM object on the browser, but the button will do a post back to the server when it's clicked, so any change to the DOM will be lost.

On the function where you handle the command "Add" in your server code you must retrieve the button from the InsertItemTemplate and set its "Enabled" property to false, that will disable the control from the server side.

If you want to avoid multiple clicks while the page has not been reloaded then you need a client function to avoid this, something like this:

<asp:ImageButton ID="imgbtnSave" runat="server" CommandName="Add" CausesValidation="true" OnClientClick="return checkEnabled(this);"  />

<!-- somewhere in your page -->
<script>
    function checkEnabled(item)
    {
        if(item.disabled != 'true')
        {
            item.disabled = 'true';
            return true;
        }

        return false;
    }
</script>

Upvotes: 1

Related Questions