How do I make an input within RU required before a button on the page is clicked

I have a Reusable Element that has some input fields that are required, so I’ve checked ‘this input should not be empty’. However as it is in a Reusable Element that’s added to a form the form can still be submitted without these inputs being completed.

Can anyone provide some advice on how I ensure the relevant inputs within the Reusable Element are completed before the ‘submit’ button on the page can be clicked please?

What does “RU” mean?

Reusable Element

I would add a custom state (at the top parent in the reusable element so it can be accessed from outside the reusable element) to be updated by workflows that are triggered when the values of the inputs are changed, then the submit button only clickable if that custom state includes the right value.

1 Like