Problem with document.getElementById with the last update

Hi @pierre_02

You’re right, something in the last update changed how the fields were IDed.
Improvement: Form fields now have a unique ID. This unique ID is also added as data-uid attribute to the form tag, so If you currently have scripts that use field ID’s, these will need to be updated now
And I’m guessing this is affecting your script.

From my understanding, the field element will now have a “data-uid” attribute which you can use to target it.

If you can share a link to a page with your form on it, I can investigate further.

Update:
I upgraded my Forminator to check it out.

So field IDs are now appened with a unique identifier on every load of the form ex: forminator-field-text-1_63243a28588f0, and the 63243a28588f0 part changes on every load.

One possible way to update your selector to target this would be:
document.querySelector("[id^='forminator-field-text-1_']");

This was accomplished using a CSS wildcard selector to account for the changing portion of the ID.

Hope this helped!

• This reply was modified 1 year, 7 months ago by Aakash.

Hi @pierre_02,

Here is my solution because of the last update :

var dataUID = $('#forminator-module-${id}').attr("data-uid");
var name = '#forminator-module-${id} #forminator-field-text-1_${dataUID}';

Hope this will help you

• This reply was modified 1 year, 7 months ago by padi1111.
• This reply was modified 1 year, 7 months ago by padi1111.
• This reply was modified 1 year, 7 months ago by padi1111.
• This reply was modified 1 year, 7 months ago by padi1111.
• This reply was modified 1 year, 7 months ago by padi1111.
• This reply was modified 1 year, 7 months ago by padi1111.