I have a form with multiple text and number entries that are required. (1,2,3,4,5…)
In order to visually separate them, I made a choice component (A,B,C) that shows only the selected few entry fields (1,2,3,4,5…) based on the choice selected (A,B,C) - by changing the visibility settings of each text entry.
But then when the first “tab” (A) is completed, you can submit the form, even though “tabs” B and C are not completed (even though they also have required fields).
Is there a way to change this? To be able to submit only when all the required entry fields are filled, even though they are not all visible?
I’ve seen the similar topic asking for the opposite of what I’m asking for (Hidden Required Entry Fields) but I’d also like the option for fields to be required even when not visible.
So, to have the option to choose if the field is required, or required even if not visible.
Or is there another way to visualy separate items (in different screens so to speak) not using the choice componeny that hides some of the items? (Doing that with buttons don’t really work in the form in my experience)