Home Asp.net Show Confirm Message Box from Code-behind in Asp.net

Show Confirm Message Box from Code-behind in Asp.net

244
3
Show Confirm Message Box from Code-behind in Asp.net
Show Confirm Message Box from Code-behind in Asp.net

In my previous tutorials, I’d explained how to show confirm message box using javascript, how to show alert message from code-behind, how to call javascript function from code-behind, and more amazing tutorials on Asp.net, JavaScript, jQuery here.

Now here in this tutorial, I’ll explain how to show confirm message box from code-behind or server-side using javascript in asp.net with example code-snippet.

We can use a confirm message box if we want the user to verify or accept something before taking any action such as want to ask before deleting records, agree with terms and conditions and so on. For example, insert update delete on gridview data and gridview inline insert update delete are the two posts where I’d implemented confirm message box to delete records using javascript practically.

We can’t 100% show confirmation box from code-behind (without using any third-party controls or jQuery), for that we need the mixture of server-side and client-side support. So, first we need to add the following javascript function in .aspx page in head section, like this:

 JavaScript Function

<script type="text/javascript">
    function CallConfirmBox() {
        if (confirm("Confirm Proceed Further?")) {
            //OK - Do your stuff or call any callback method here..
            alert("You pressed OK!");
        } else {
            //CANCEL - Do your stuff or call any callback method here..
            alert("You pressed Cancel!");
        }
    }
</script>

To call confirm message box function from server-side, we need to define OnClick=”btnCall_Click” event of the asp.net button, like this:

<asp:Button ID="btnCall" runat="server" Text="Click Me!" OnClick="btnCall_Click" />

Now we can call that method from code-behind as follows.

For C#:

protected void btnCall_Click(object sender, EventArgs e) {
    ScriptManager.RegisterStartupScript(this, this.GetType(), "CallConfirmBox", "CallConfirmBox();", true);
}

For Vb.net:

Protected Sub btnCall_Click(ByVal sender As Object, ByVal e As EventArgs)
    ScriptManager.RegisterStartupScript(Me, Me.GetType(), "CallConfirmBox", "CallConfirmBox();", True)
End Sub

Example – [.aspx]

Following is the complete HTML Markup code that I used in my .aspx page for this demonstration:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Call Confirm Message Box from code-behin in Asp.net</title>
    <script type="text/javascript">
        function CallConfirmBox() {
            if (confirm("Confirm Proceed Further?")) {
                //OK - Do your stuff or call any callback method here..
                alert("You pressed OK!");
            } else {
                //CANCEL - Do your stuff or call any callback method here..
                alert("You pressed Cancel!");
            }
        }
</script>
</head>
<body>
    <form id="form1" runat="server">
        <h4>Call Confirm Message Box from code-behin in Asp.net</h4>
        <div>
            <asp:Button ID="btnCall" runat="server" Text="Click Me!" OnClick="btnCall_Click" />
        </div>
    </form>
</body>
</html>

Example Result

Show Confirm Message Box from Code-behind in Asp.net
Show Confirm Message Box from Code-behind in Asp.net
Previous articleConfirm Message Box in JavaScript Example For Asp.net
Next articleBest 100+ Frequently Asked Interview Questions in .Net SQL
Hi there, I am Mayank, the man behind Technical Mack. I started AspnetO with a motive to educate people on various programming languages ranging from beginners to expert level. Through this blog, I aim to provide more insightful content.

3 COMMENTS

  1. Your code is great!

    I remember that when I was a beginner in asp.net I searched this above code. Thanks for your sharing.

  2. How do you do it when you want the code behind to handle to OK or Cancel. Your example shows JS or othe code on the aspx page handling the results

LEAVE A REPLY

Please enter your comment!
Please enter your name here

2 × three =