Warn Users About Unsaved Data Script Does Not Stop When Submit Button is Clicked

Question

0.00/5 (No votes)

See more:

I have a .net web form written in C#. To warn users that they may have unsaved data, this script was included.

JavaScript

<script type="text/javascript">
	<!--
    
    var warnMessage = "You have entered new data on this page.  If you navigate away from this page without first saving your data, the changes will not be saved. To save your data, click the Cancel button, then save your data before leaving this page.";
   
    var g_isPostBack = false;
    
    function windowOnBeforeUnload() {
        if (g_isPostBack == true)
            return; // Let the page unload

        if (window.event)
            window.event.returnValue = warnMessage; // IE
        else
            return warnMessage; // FX
    }

    window.onbeforeunload = windowOnBeforeUnload;	
    
   //->
</script>

The script works great, except its supposed to not fire when the Submit button is clicked. What happend is g_isPostBack is set to false instead. Any ideas on how to turn off the postback for the submit button would be great.

Posted 3-Jan-12 10:55am

twhaight

Updated 3-Jan-12 10:58am

fjdiewornncalwe

v2

Add a Solution

2 solutions

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)

SujayC · Answer 1 · 2012-01-03T21:34:00

Solution 1

i believe a simple javascript function call on onclick event of submit call that sets the g_isPostBack to true will do the needful.

further there are more customized jquery plugins available like

Dirty Forms[^]

Posted 3-Jan-12 21:34pm

SujayC

Comments

twhaight 12-Jan-12 10:32am

That was something I already tried. I created a function called setPostback
Collapse | Copy Code

function setPostBack() {
g_isPostBack = true;
}

Next I added this line to the button (called btnSubmit):
Collapse | Copy Code

btnSubmit.Attributes.Add("onclick", "return setPostBack();");

To see what happens with the objects, I installed Firefly to my browser. When the form is submitted, a postback still occurs, and the variable is reset to false.

twhaight · Answer 2 · 2012-01-12T04:34:00

I did 2 things to make the warnings work.
1) I changed the warning script to this