Advanced Dotnet Tutorial: How to show Alert and Confirmation Message box in ASP.NET

In this Article Beginners can learn how to display a Message Box in Asp.net using JavaScript.

1. Alert Message Box:

This type of Message Box is used to give Alert Information to the User.This can be done by using 'alert' method. Use the Alert method in <script> </script> tags by using a function with method name. Call this function On 'Client click event in Button as follows in Below code.

e.g.: alert("write Message here")

Image of Alert Message Box:

<head runat="server">
<title>Untitled Page</title>
<script type="text/Javascript" language ="javascript" >
function alert_meth(){
alert("Client Side MessageBox");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Style="z-index: 100; left: 64px; position: absolute;
top: 88px" Text="Alert" OnClientClick ="alert_meth()" Font-Bold="True" ForeColor="Red" Width="72px"/>

2. Confirm Message Box:

This type of Message Box is used to give warning to the user. Suppose user going to delete records at that time this type of message box is used to give confirmation about the action takes place or not by showing two Buttons as "YES'" and "NO". If the User click on 'YES' Button it returns Boolean 'True' and for 'NO' button it returns Boolean 'False'.

Image of Confirm Message Box:

<head runat="server">
<title>Untitled Page</title>
<script type="text/Javascript" language ="javascript" >
function confirm_meth(){
if( confirm("Do you want to continue!Click 'YES'")==true)
{
        document.writeln ("<b>You had click on 'YES' Button</b>");
   }
else
{
      document.writeln ("<b>You had clic on 'NO' Button</b>");
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="btnconfirm" runat="server" Font-Bold="True" ForeColor="Red" Style="z-index: 101;
left: 272px; position: absolute; top: 208px" Text="Confrimation MsgBox" OnClientClick =" return confirm_meth()" Width="160px" />