Home/ Questions/Q 8127665
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T07:36:46+00:00

I have a simple html form with few fields in it. I wanted to

  • 0

I have a simple html form with few fields in it.

I wanted to make sure that user gets an alert message when he is trying to leave the page. So I added the script on the page which will run whenever user is trying to navigate away from this page.

But I am also getting this alert message when user is trying to submit the form. I dont want this alert message when user is saving the form.

Please help.

Below is some sample code. 

<html>
    <head>

    <script>
        function verifyexit() { return 'Are you sure ?'; }           window.onbeforeunload = verifyexit;
    </script>       
</head>
<body>
        Go to <a href="b.html"> another page </a> 
        <form action="c.html">
            name : <input type="text" name="name" value=""/> <br>
            email : <input type="text" name="email" value=""/> <br>
            <input type="submit" value="save"/>
        </form>
</body>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    stackoverflow reference

    To turn it on:

    window.onbeforeunload = "Are you sure you want to leave?";

    To turn it off:

    window.onbeforeunload = null;

    Bear in mind that this isn’t a normal event – you can’t bind to it in the standard way.

    To check for values? That depends on your validation framework.

    In jQuery this could be something like (very basic example):

    $('input').change(function() {
    if( $(this).val() != "" )
        window.onbeforeunload = "Are you sure you want to leave?";
});

    With JQuery this stuff is pretty easy to do. Since you can bind to sets.

    Its NOT enough to do the onbeforeunload, you want to only trigger the navigate away if someone started editing stuff.

    To make this work in Chrome and Safari, you would have to do it like this

    window.onbeforeunload = function (e) {
    e = e || window.event;

    var msg = "Sure you want to leave?";

    // For IE and Firefox prior to version 4
    if (e) {
        e.returnValue = msg;
    }

    // For Safari
    return msg;
};

    This is the general rule in reference

    window.onbeforeunload = function (e) {
  e = e || window.event;

  // For IE<8 and Firefox prior to version 4
  if (e) {
    e.returnValue = 'Any string';
  }

  // For Chrome, Safari, IE8+ and Opera 12+
  return 'Any string';
};

    reference: https://developer.mozilla.org/en/DOM/window.onbeforeunload

    • 0