Forms-conditional options

[DuncanHamra (from Memberstack)]

I’m waaaaaaay too late to help you Fiona, but figured I’d post for future readers.

You can use Webflow interactions to show/hide inputs in your form, and then use the javascript from the article below to change wether they are required or not.

Set form field to required, when shown

I found a solution! With the help of ChatGPT I created a demo project and created a quick tutorial video here. TLDR: We want to make an input field required only when it becomes visible. The visibility of the field is controlled by the display style of a parent element. We need a way to check if the input field is visible on the page and, if so, add the required attribute. We’ll check any input with the attribute ms-code=“required-if-visible” Here the JavaScript you’ll need to add before the …