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

Add Comma automatically while entering amounts in textbox using Javascript

Disable backspace key using Jquery

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

How to Import CSV File and bind csv file data to gridview in asp.net using c#

Source Code Beautifier And Format Source Code For Blogger and Websites

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

All about the IEnumerable VS IQueryable in c#