To test the unsaved changes handling:
-
Change the form field below to a new non-blank value, then attempt to navigate elsewhere withing pressing the Save button.
There are no validation errors in the form, so the unsaved changes dialog box displays with options for Save Changes, Don't Save
Changes, and Continue Editing.
-
Change the form field below to a blank value, then attempt to navigate elsewhere withing pressing the Save button.
This time there are validation errors in the form, so the unsaved changes dialog box displays with options for Lose Changes
and Continue Editing.
-
Change the form field below to a new non-blank value, press the Save button, then attempt to navigate elsewhere withing
pressing the Save button. The form has been saved, so the navigation proceeds.
-
Change the form field below to a new non-blank value, press the Cancel button, then attempt to navigate elsewhere withing
pressing the Save button. The form changes have been reset, so the navigation proceeds.
View the browser's console messages to see whether the changes were saved, not saved, or the navigation was canceled.