Multiple click button action

Question

When I click in the button, the action goes to the server. It's ok. But when I click in this button 2,3,4 or more times, it goes to the server and records multiple times in the database. There is a correctly way to do it? Thanks!

ASP:

<asp:button id="btn" runat="server" text="Click"></asp:button>

VB:

Private Sub btn_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) 
Handles btn.Click
.... my function ...
End Sub

I HAVE FOUND THIS SOLUTION

<script language='javascript' type="text/javascript"> 
    var clicks = 0; 
    function SubmitOnce(btn) { 
        clicks = clicks + 1; 

        if (clicks == 1) return true; else { btn.disabled = 'true'; return false; } 
    } 
</script>

So do you need your button to insert data once and not more? — huMpty duMpty, May 06 '14 at 15:22
Yes. Even if I click more than one time in the button, I need the requisition goes to the server just one time. — Guilherme Natal de Mello, May 06 '14 at 15:25
It doesn't have effect. Because if I put the `btn.Enable = False` in the button event, it will have effect after page reload... — Guilherme Natal de Mello, May 06 '14 at 15:47
Can you explain/ or post the code what the Method does (which called from button click)? — huMpty duMpty, May 06 '14 at 15:48
@huMptyduMpty I think I found the anwser: [http://stackoverflow.com/questions/6137172/how-do-i-prevent-users-clicking-a-button-twice](http://stackoverflow.com/questions/6137172/how-do-i-prevent-users-clicking-a-button-twice). I will test it now. — Guilherme Natal de Mello, May 06 '14 at 15:51

Luiz Eduardo · Answer 1 · 2014-05-07T16:46:19.800

Inside your btn_Click method you can set at the end of execution an btn.Enable=false like @ huMptyduMpty comment

and to make this safer, you can use yet a javascript code like:

function setDisable(el){
el.setAttribute('disabled', 'disabled');
}

and ont the element:

<asp:button id="btn" runat="server" text="Click" onclientclick="setDisable(this);"></asp:button>

haven't tried the code, but I think that you catched the idea ;-)

Edit: Another approach is fi it's not a problem, you can set display:none on the element to prevent a second click, so when the first click's postback ends, the button turn visible again...

and if the user has to click one time and no more, then you can use the tip above and set on the server to this button stay enabled = false and display:none

I got it @servergta. I tried it, but it doesn't work. Because if I do it, the action of the button doesn't go to the server. Not even if I put `return true;`. You can check the same problem here: [http://stackoverflow.com/questions/6137172/how-do-i-prevent-users-clicking-a-button-twice](http://stackoverflow.com/questions/6137172/how-do-i-prevent-users-clicking-a-button-twice) — Guilherme Natal de Mello, May 06 '14 at 19:46

score 0 · Answer 2 · answered May 06 '14 at 20:39

In your code just use the same logic you tried with javascript, but limit it. Set up a variable that loads and gets set to '0' when the page loads. After the value of the variable changes, no longer allow the action to be carried out.

Dim button_pressed as integer = 0

Private Sub btn_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) 
Handles btn.Click

button_pressed +=1

if button_pressed = 1 then
 ' perform your action
else
 ' disallow the action
endif

End Sub

Multiple click button action

2 Answers2