Detect field value change in adaptive forms

9 replies
2474 views
Translate

Hello,

Is there a way to determine if the value of a field has been changed in an adaptive HTML form other than having a hidden field with the initial value in it that gets compared when the Value Commit event is triggered?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

radzmarAccepted solution

Level 10

Hi, you can add event listeners to various events. As an example: This script in the initialize event of the guide root panel will cause, that every change in your form is reported into the console of the web browser.

guideBridge.on("elementValueChanged" , function(event, payload) {
     console.log("The value of object '" + payload.target.name + "' has been changed from '" + payload.oldText + "' into '" + payload.newText + "'.");
});

Mayank_Gandhi

Employee

@seanlapointe You can go with what @radzmar suggested or you can create custom listener as well.

const input = document.querySelector('input');
const log = document.getElementById('yourFieldID');

input.addEventListener('change', updateValue);

function updateValue(e) {
  log.textContent = e.target.value;
}

Translate

Mayank_Tiwari

Employee

Use this:

Translate

Pulkit_Jain_

Employee

@seanlapointe

Usually button clicks or field exit events can be used to validate the rules so you can check for the (field value change AND value of the field against the set default value of the hidden field) here.

Translate

radzmarAccepted solution

Level 10

Hi, you can add event listeners to various events. As an example: This script in the initialize event of the guide root panel will cause, that every change in your form is reported into the console of the web browser.

guideBridge.on("elementValueChanged" , function(event, payload) {
     console.log("The value of object '" + payload.target.name + "' has been changed from '" + payload.oldText + "' into '" + payload.newText + "'.");
});

Translate