Disabling Form Submission By Default Unless 'Validate Form' Button Is Clicked

[et_retool]

Hi,

I am looking to set up a form where the submit button is disabled initially. The user has to click the 'validate form' button which has a javascript query in the background. If that javascript query returns true, then the submit button on the form becomes enabled, otherwise it remains disabled.

How do I do that? I currently set the disable form submission component to true to make disable it by default but how do I turn it to false depending on the output of my javascript query?

[victoria]

Hi @et_retool! In your "Disable form submission" field, you can use double curly braces to put in dynamic values.

For example, if your JS query is returning true and you'd like to enable the form, you can use {{ !jsQuery1.data }} in your "Disable form submission" field.

Let me know how this works for you.