javascript - Stop user from leaving web page, except for when submitting form - Stack Overflow

admin管理员组

文章数量:1244220

To stop the user from leaving my page, I'm using this javascript:

window.onbeforeunload = function()
{
  if($('textarea#usermessage').val() != '')
  {
    return "You have started writing a message.";
  }
};

This shows a message warning the user not to leave the page because they've started writing a message but not submitted. This shows up to save the user from losing this data.

Now, how can I stop this message from showing up when the form is submitted?

To stop the user from leaving my page, I'm using this javascript:

window.onbeforeunload = function()
{
  if($('textarea#usermessage').val() != '')
  {
    return "You have started writing a message.";
  }
};

This shows a message warning the user not to leave the page because they've started writing a message but not submitted. This shows up to save the user from losing this data.

Now, how can I stop this message from showing up when the form is submitted?

• javascript
• jquery
• html
• user-input
• user-experience

Share Improve this question Follow edited Jul 8, 2011 at 8:27 Paul D. Waite 98.8k5757 gold badges202202 silver badges271271 bronze badges asked Jul 8, 2011 at 8:18 ingh.amingh.am 26.8k4343 gold badges132132 silver badges179179 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

function handleWindowLeaving(message, form) {
    $(window).bind('beforeunload', function (event) {
        return message;
    });
    $(form).bind('submit', function () {
        $(window).unbind('beforeunload');
    });
};

when calling this, pass your message and the form reference, and it will automatically remove onbeforeunload when submitting the form. Otherwise, show message to user

Set a flag in your form's submit handler; check whether the flag is set in your unload handler. If it is - voila, it's a form submit!

本文标签： javascriptStop user from leaving web pageexcept for when submitting formStack Overflow