This article will show you how you can display alert message
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 DisplayMessage () {
alert("This is an HTML Alert Message.");
}
</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> Alert Message On Button Click Using JavaScript In HTML </title>
<script>
function DisplayMessage () {
alert("This is an HTML Alert Message.");
}
</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
alert message.
Now we have done run the application to check the output.
now click on button to check the output.
About the Author
0 comments:
Please let me know your view