HTML MArkup
The HTML Markup consists of an ASP.Net Button btnConfirm. The Button has been assigned an OnClick and OnClientClick event handler.
When the Button is clicked, the OnClientClick event will trigger the JavaScript Confirm method.
Inside the JavaScript Confirm method, the input provided by the user is stored in a dynamically created hidden field i.e. If OK is pressed value Yes is stored and if Cancel is pressed No is stored, so that we can pass the user inputs onto server side code.
Then the Button does normal PostBack and raise the OnClick event handler.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type = "text/javascript">
function Confirm() {
var confirm_value = document.createElement("INPUT");
confirm_value.type = "hidden";
confirm_value.name = "confirm_value";
if (confirm("Do you want to save data?")) {
confirm_value.value = "Yes";
} else {
confirm_value.value = "No";
}
document.forms[0].appendChild(confirm_value);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="btnConfirm" runat="server" OnClick="OnConfirm" Text="Raise Confirm" OnClientClick="Confirm()"/>
</form>
</body>
</html>
Fetching the User input in server side
Inside the OnConfirm Click event handler, the user input is fetched that was stored in the dynamic hidden field from the Request.Form collection.
Then based on whether user has selected OK or Cancel different message is displayed using JavaScript Alert Message Box.
C#
public void OnConfirm(object sender, EventArgs e)
{
string confirmValue = Request.Form["confirm_value"];
if (confirmValue == "Yes")
{
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('You clicked YES!')", true);
}
else
{
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "alert", "alert('You clicked NO!')", true);
}
}
