Can I get dialog box displayed when I click save button of the Form. and the dialog box should contain "Confirm" button "cancel" Button updated Fields in the Dialogbox
(1) This demo combines several scripting concepts that may make it look complex but in reality each of these ideas has been presented in prior examples. The demo was test in Chrome but should work in all modern browsers.
(2) The demo saves the original click handler for the Save button and otherwise intercepts the click event. If the user wants to save the record after being presented with a dialog box displaying a summary of the changes, the original click handler is invoked. In the high-stakes world of customizing low code applications such as QuickBase with script this is the preferred way to alter the behavior of the Save button as it does not alter QuickBase's code.
(3) The demo build a data structure of all <input> fields whose value has changed since the form was first opened.
(4) An Underscore template was used to build the miniature <table> displayed in the dialog box. This template can be modified and styled as desired.
(5) The dialog box was built using jQueryUI's dialog method and its appearance and functionality can easily be adopted by changing various configuration parameters.
I don't see what is so amazing about this solution. It merely combines four concepts that have been used before using technology that is in some cases a decade old:
(1) generic method to intercept clicks on the save button (2) detects which fields on the forms have changed values (3) uses an Underscore template to generate the HTML displayed in the dialog (4) Uses the jQueryUI Dialog box to present a custom message and buttons
I would more impressed if the answer used say machine learning library such as TensorFlowJS or the rad Julia Notebook interface to QuickBase
TensorFlowJS A JavaScript library for training and deploying ML models in the browser and on Node.js https://js.tensorflow.org/