Prompt user before navigate away from current page where user typed some text using javascript

In your application suppose user putting the data, then user accidently click the outside link or clode button of browser. In this situation user may loose his entered data.

To avoid this we can propmt user about his unsaved data by using symple javascript code.

This code will prompt the user about unsaved data in current page.

following is the javascript code snippet 


<html>
<head>
<title>window.onbeforeunload example</title>
<script type="text/javascript">
var unsaved = false;

window.onbeforeunload = function() {
    if (unsaved) {
        return "You have unsaved data. Are you sure you wish to leave this page.";

    }

};


</script>
</head>
<body>
<input type="text" id="input1" onkeydown="unsaved = true;"/>
<input type="submit" id="input1" onclick="unsaved = true;"/>
</body>
</html>

Try your self and let me know your comments

Comments

Popular posts from this blog

Restore the lost focus of Auto post back controls in asp.net update Panel control

Clone a generic list in C# using extension method

Disable backspace key using Jquery

Step by step migration of ASP.NET Core 2.2 to 3.1

Add Comma automatically while entering amounts in textbox using Javascript

Remove Owin from MVC 5 Application and use asp.net custom forms authentication

Source Code Beautifier And Format Source Code For Blogger and Websites

Email validation using regular expression in jQuery

Send bulk Email in asp.net using excel file