This article will show you how you can display confirm message
box with Ok and Cancel detect on button click using JavaScript In HTML and Asp.net
on button click on html input button using javascript. This article you can use
in asp.net as well as in MVC.
Some of my previous articles are as follows: How
to Create Tab Control Using jQuery In Asp.Net, jQuery
DatePicker Calendar With Slide Down and Slide Up Effect In Asp.Net, Responsive
Grid Design Example Using Css in Asp.Net MVC,HTML, Dynamic
Css Menu Creation Up to Three Level in Asp.Net Using C#.Net, How
to style input and submit button with CSS in Asp.net, Reset
Div Height by Using jQuery.
So for this article first we will create a new html page or
an asp.net page and add the below code into the header of the page.
<script>
function DisplayconfMessage () {
var
item=confirm("This is an HTML Confirm
Message.");
if(item==true)
{
alert(“You have pressed OK”);
}
else
{
alert(“You have pressed Cancel”);
}
}
</script>
|
Now we will check the html code of the page please check the
below mention code.
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title> Confirm Message Box With Ok and Cancel Detect On Button
Click Using JavaScript In HTML and Asp.net</title>
<script>
function DisplayconfMessage () {
var
item=confirm("This is an HTML Confirm
Message.");
if(item==true)
{
alert(“You have pressed OK”);
}
else
{
alert(“You have pressed Cancel”);
}
}
</script>
</head>
<body>
<form id="form1"
runat="server">
<div>
<h3>Alert Message
Example</h3>
<input type="button"
id="btnclick" value="Click For Alert Message"
onclick="javacript:DisplayMessage()"/>
</form>
</body>
</html>
|
In above code I have created a new javascript code and in
input button click event I have called the javascript function to display the Confirm
message.
Now we have done run the application to check the output.
Now click on ok button to get the below output.
Now click on cancel button to get the output.
About the Author
0 comments:
Please let me know your view