Show confirm message when I leave the page and navigate new page

Question

1.00/5 (1 vote)

See more:

In my application, I have a menu in master page. The application asks for confirmation if the user is working on a Page and navigates to other screen/page without saving. It should show confirm msg like 'Do you want to leave this page without saving?' Are there any possiblities to do this?

Posted 24-Jan-14 19:07pm

devausha

Updated 31-Mar-22 10:17am

Deeksha Shenoy

v2

Add a Solution

4 solutions

Solution 5

window.onbeforeunload = function() {
            return 'Are you sure you want to leave this page?';
            };

Posted 26-Feb-18 18:48pm

Member 13698564

Updated 14-Feb-23 7:52am

v2

Comments

Richard Deeming 27-Feb-18 11:59am

As posted in solution #3 - FOUR YEARS AGO.

Member 14705531 9-Feb-20 13:34pm

Submitted

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

TrushnaK · Accepted Answer · 2014-01-24T19:36:00

Solution 3

Try this:

JavaScript

<script type="text/javascript">
  window.onbeforeunload = confirmExit;
  function confirmExit()
  {
    return "Do you want to leave this page without saving?";
  }

Posted 24-Jan-14 19:36pm

TrushnaK

Updated 31-Mar-22 10:17am

v2

samit kaneriya · Accepted Answer · 2014-01-24T19:22:00

Solution 1

Use this
------------

XML

<script type="text/javascript" language="javascript">
               window.onbeforeunload = function() {
                   var Ans = confirm("Are you sure you want change page!");
                   if(Ans==true)
                       return true;
                   else
                       return false;
               };
    </script>

Posted 24-Jan-14 19:22pm

samit kaneriya

Comments

GrpSMK 3-May-17 2:35am

how to display this pop up only while textbox(in menu page) containing some text..and suddenly navigate pages.

Gandalf_TheWhite · Accepted Answer · 2014-01-24T19:25:00

Solution 2

You can do this jquery. This is the perfect example you can refer for your query.

http://api.jquery.com/unload/[^]

If you want to do this on button click event you can refer this.
http://myclabs.github.io/jquery.confirm/

http://www.projectshadowlight.org/jquery-easy-confirm-dialog/[^]

Posted 24-Jan-14 19:25pm

Gandalf_TheWhite

Updated 24-Jan-14 19:33pm

v3