Introduction:
Here I will explain how to use jQuery to show alert message before leaving from web page or jQuery show alert message while leaving from web page or closing web page using beforeunload method.
Description:
In previous articles I explained jQuery open all external links in new window, jQuery enable / disable controls on page, jQuery enable or disable hyperlinks, jQuery Countdown timer script example, jQuery Increase or Decrease font size of website and many articles relating to JQuery and asp.net. Now I will explain how to use jQuery to show alert message before leaving from web page.
In previous articles I explained jQuery open all external links in new window, jQuery enable / disable controls on page, jQuery enable or disable hyperlinks, jQuery Countdown timer script example, jQuery Increase or Decrease font size of website and many articles relating to JQuery and asp.net. Now I will explain how to use jQuery to show alert message before leaving from web page.
To show alert message while leaving from
webpage we need to write the code like as shown below
|
Example
|
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Show Alert Message while leaving from webpage</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function()
{
$(window).on('beforeunload',
function() {
return '';
});
});
</script>
</head>
<body>
<form id="form1">
<div>
<b>Welcome to Aspdotnet-suresh.com</b>
</div>
</form>
</body>
</html>
|
Live
Demo
To check live demo try to close this
webpage it will ask confirmation message
|
|
If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email. |
|||
Subscribe by RSS
Subscribe by Email
|
|||
6 comments :
This is not working in Firefox.
Nice tutorial, but it is not working in Firefox. same prob here.
Does not work with firefox
Not working in Firefox can you give new code that works perfectly in firefox.
Thanks in advance
Hai its working in Chrome when closing this Webpage great work !!
One Question to you
Can you Disable this popup when page refresh. ???
Please notify me when you post this answer
It is warning when post back
Note: Only a member of this blog may post a comment.