Subscribe to Youtube channel

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

Root your Gingerbread 2.3.4 android Mobile Phone

Implement Logging in CSV file using Nlog in .net core MVC application- part 2

Disable backspace key using Jquery

Devexpress Datebox date formatting in angular 6 with example

Implement Nlog in .Net core MVC application part 1

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

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

Angular User Session Timeout example step by step

Clone a generic list in C# using extension method