One can easily leverage the Javascript confirm function along with the OnClientClick property of the button controls.
<asp:Button ID="Button1" runat="server" Text="Delete" OnClientClick="return confirm('Are you sure?');"></asp:LinkButton>
However, I am using Bootstrap. I wanted a fancy Bootstrap dialog box to appear for such a prompt instead of the generic-looking alert box. This is what I came up with.
<script type="text/javascript"> var confirmed = false; function Confirm(btn) { if (confirmed) return true; bootbox.confirm("Are you sure?", function (result) { if (result) { confirmed = true; btn.click(); } }); return false; } </script><asp:Button runat="server" ID="Button1" Text="Update" CssClass="btn btn-warning" OnClick="UpdateButton_OnClick" OnClientClick="return Confirm(this);" />
The code requires not only Bootstrap, but also Bootbox.js. In a nutshell, Bootbox is a library that simplifies the creation of Bootstrap dialog boxes. You should check it out!
There is a global boolean variable named "confirmed" that starts its life out as false. When the button if clicked, the "confirmed" variable is evaluated, found to be false, and a Bootbox confirm dialog is displayed. The event function returns a false to prevent the button action from firing. If the Bootbox confirm dialog that appears returns a true response, meaning the user approves the action, the confirmed variable is changed to true and the button click event is fired once again.
This time, however, the "confirmed" variable is found to be true, so the event is returned as "true" allowing the button to do its thing.
