alert to save form changes on window close 1

crowell · Jan 11, 2003

Is there a way to alert a user that they have not saved their changes on a form, if they attempt to close the page without saving?
I can use an onChange function to set a variable when any field is changed.
But what is the best way to trigger the alert?
(This form is within a frame, so the user can click on an index link to replace the form page, as well as closing the whole browser.)
I also don't want the user in a loop where they cannot close the form at all without saving, just in case they changed something by accident and do not want to save it.
I just need to alert them that they did not save.
Thanks for any suggestions.

jemminger · Jan 11, 2003

here's one way, but i think it only works in IE due to using the "onbeforeunload" handler:
[tt]
<html>
<head>
<title></title>

<script language="javascript">
function init() {
e = document.forms[0].elements;
for (x = 0; x < e.length; x++)
e[x].onchange = doChange;
document.body.onbeforeunload = function(){
if (window.formChanged)
return "You haven't saved your changes." +
"\n - To save, click 'Cancel', then click the 'Save' button." +
"\n - To leave without saving changes, click 'OK'.";
};
}

function doChange() {
window.formChanged = true;
}
</script>

</head>

<body onLoad="init();">
<form>
<textarea></textarea>
<p/>
<input type="button" name="" value="Save" onclick="" />
</form>
</body>
</html>

[/tt]
=========================================================
if (!succeed) try();
-jeff

crowell · Jan 14, 2003

Thanks jemminger!!!! This is exactly what I needed!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

alert to save form changes on window close 1

crowell

Programmer

jemminger

Programmer

crowell

Programmer

Similar threads

Part and Inventory Search

Sponsor