Prevent a Button From Being Double-Clicked?

(0) Share

Report

Posted on by Community Member

Hi all,

We are using an on-premise 2013 solution and have added a custom button to a form (using Ribbon Workbench). On click, this button calls a javascript function.

We now have a user who is double-clicking this button because they believe it is going to make things faster, but doing this is making the javascript fire twice. We realize this is a user behaviour issue and are taking steps to address it, but we're also looking at a way to keep this from happening at a system level.

Has anybody encountered something similar and found a solution for it?

Thanks for any advise you can offer.

*This post is locked for comments

I have the same question (0)

All responses (4)

Answers (0)

Aileen Gusni 44,524 on at

Like (0)

Report

Chris

That is the common issue especially if you dont have enable rule function and also you dont refresh the ribbon after you click it.

You need to make sure in backend level such as you set javascript to always refresh aft click.

And also in plugin to prevent it by lets say your ribbon is to create new record then you check you have existing record or not before processing.thanks

Was this reply helpful? Yes No
pasargard58 185 on at

Like (0)

Report

Hi Chris,

I had similar issue which I fixed it by simply put a flag on JS method. This flag is set to false initially and the method will set it to true for the first executing time. Then inside the method check if the flag is true do nothing.

Hope that helps.

Was this reply helpful? Yes No
Suggested answer

Rajat Awasthi 675 on at

Like (0)

Report

Hi Chris ,

To Overcome this , you will need to have some fields (say Boolean) of the form.

Once the user clicks the button , make that field true or false and return false.

this needs to be called under display rules in RWB solution.

Was this reply helpful? Yes No
Suggested answer

NatrajY 3,040 on at

Like (0)

Report

You should wrap your click handler with another function that will ensure that it is called only once. You can use lodash once (https://lodash.com/docs/#once) or this simple implementation -> davidwalsh.name/javascript-once if you don't want to use lodash.

Was this reply helpful? Yes No