Hooks

[AAperture]

Hi,

I need to run a small piece of JavaScript immediately after a Quform form is successfully submitted and after the form resets.

I already confirmed in the browser console that Quform is firing the following events:

quform:successStart

quform:success

submit

But when I attach JavaScript to those events, the callback never sees the updated (reset) form DOM, and changes I attempt to make (such as showing a hidden checkbox option again) do not work.

What I need to know:

1. What is the correct and guaranteed front-end JavaScript event that fires after the AJAX submission completes and after Quform has reset the form fields and re-rendered the form DOM?

Specifically:
Which Quform JS event is guaranteed to fire AFTER the form success message appears, AFTER the form has reset/cleared, and AFTER Quform has completed its internal AJAX DOM updates?

2. Is there a documented event that fires each time Quform finishes its AJAX re-render of a form (similar to “domReady” but for the Quform instance)?

3. After a successful submit, does Quform replace the form DOM via AJAX? If so, what is the documented hook/event that we should bind to so that our custom code re-runs after this re-render?

Context:

I simply need to re-show a checkbox option (“PG FP EPC”) after the form submits. Quform successfully fires its events (I can see them in the console), but because the form appears to be re-rendered/reset AFTER those events, any code that unhides the field fails.

I need the correct Quform hook that fires AFTER the form resets and AFTER Quform completes all DOM manipulation.

Thank you for your help,
Darren : )

[Author]

Posts