Disable "Unsaved Data" Alert When Leaving A Form

Based on this forum entry (How to get “unsaved data” exists information aka “page is dirty”) from Daniel Krüger this article describes how to disable the alert window if the form is dirty because it is containing unsaved data changes.

There may be use cases where one doesn’t want to create an instance at all and so there is no need to save data nor to check if there is unsaved data. One use case would be the check if a user owns a valid driver licence (which is stored in other WF instances and information retrieved by a business rule).

JavaScript Form Rule

To deactivate the “unsaved data” alert one can add a simple form rule to the desired process. Example:

• Rule Name: FR - FormIsDirty Check and set not dirty
• Edit mode: JavaScript mode
• JavaScript code snippet:

1
//Switch for console.log output
2
const isDebug = false
3

4
function resetIsDirtyInSessionStorage(key = 'WebconBPS_FormIsDirty') {
5
  //Get sessionStorage item
6
  const raw = sessionStorage.getItem(key);
7
  if (!raw) return;
8

9
  //Parse object
10
  const obj = JSON.parse(raw);
11
  //Check if is Dirty is true and if yes set it back to false
12
  Object.values(obj.mainPlaceholder).forEach(v => {
13
    if (v.isDirty) v.isDirty = false;
14
  });
15

16
  //Write modified values to sessionStorage
17
  sessionStorage.setItem(key, JSON.stringify(obj));
18
}
19

20
//Output values BEFORE manipulation to consoloe
21
if (isDebug) {
22
  obj = JSON.parse(sessionStorage.getItem('WebconBPS_FormIsDirty'));
23
  console.log(obj);
24
}
25

26
resetIsDirtyInSessionStorage();
27

28
//Output values AFTER manipulation to consoloe
29
if (isDebug) {
30
  obj = JSON.parse(sessionStorage.getItem('WebconBPS_FormIsDirty'));
31
  console.log(obj);
32
}

Then simply add this form rule to all places (style and behavior in fields, paths, …) where you expect triggers which could lead to the”unsaved data alert.

Don’t miss to create this one as global form rule to prevent code replication.