2. General Tips and Tricks
  3. [SOLVED] Add warning with opt out when user closes an edit popup with unsaved changes
This topic is locked
[SOLVED]

Add warning with opt out when user closes an edit popup with unsaved changes

 		8/23/2026 03:40:39
General Tips and Tricks
J
 jMullally author

Sharing is caring. I find it helpful to provide a warning with opt out when the user attempts to close an edit popup with unsaved changes and don't see that functionality included by Xlinesoft. I attain that capabiity by adding the following canned javascript to my Edit Page OnPageLoad events.

var formChanged = false;

// Detect any changes in form controls
$("input").on('change', function() { formChanged = true; });
$("select").on('change', function() { formChanged = true; });
$("textarea").on('change', function() { formChanged = true; });

// Reset flag when saving
pageObj.on('beforeSave', function() {
formChanged = false;
return true;
});

// Intercept close/cancel actions
$('.modal-header .close, [id^="closeButton"]').on('click', function(e) {
if (formChanged) {
if (!confirm("You have unsaved changes. Are you sure you want to close?")) {
e.stopPropagation();
e.preventDefault();
return false;
}
}
});
Sergey Kornilov admin 8/23/2026

This option is available in PHPRunner and ASPRunner.NET:

img alt

More info:
https://xlinesoft.com/asprunnernet/docs/miscellaneous_settings.htm
J
 		jMullally author 8/23/2026

I wish the 'Warn about leaving Add/Edit pages' worked in all instances - but it does not work in popups. Also I cannot cancel the 'Solved' designation in this forum as being author I changed my mind and realized it was not Solved!

To start with: Sergey produces a superior product (as I have looked at other similarly and more costly priced products).

I am hacking at this. There is a problem with my solution in my original post on this thread as it only works well when clicking the popup 'X' in the top right corner. Clicking the 'Cancel' button closes the popup before the JS on-click fires, which leaves the user with a warning if he made edits but the proposed opt out of closing option does not work. So when the user clicks 'Cancel' button after making edits the popup will always close (even after giving the user the option to opt out of closing as premature closing loses edits).

To reiterate: Assuming you use my solution on modal popups: When you make changes in the Edit page and click the popup 'X', it will warn you and give you the option to opt out of closing (which works - good). When you make changes in the Edit page and click the Cancel button, it will warn you and present the option to opt out of closing - but if you opt of closing the Edit page, it will still close the Edit page - bad. I haven't figured out how to give the user any means to opt out of closing after clicking the Cancel button with edits. I replaced the following line code section in my original post in order to ignore the case where the user clicks the 'Cancel' button after edits were made (an improvement):
replace: $('.modal-header .close, [id^="closeButton"]') with: $('.modal-header .close')