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

Disable backspace key using Jquery

Clone a generic list in C# using extension method

Angular User Session Timeout example step by step

Add Comma automatically while entering amounts in textbox using Javascript

Send bulk Email in asp.net using excel file

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

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

Implement Nlog in .Net core MVC application part 1