Hi Folks,
With the help of a multi step script, I’ve managed to get this multi-step form acknowledge if a required input hasn’t been filled in before hitting next to step 2. Couple of things however:
-
on step 1 when you try click next without selecting any of the checkboxes, they appear to jump/space out! What is causing them to do this?
-
on any steps that has a select field rather than an input I can’t get it to recognise it’s also a required field with the red warning border. I can see from the inline code the warning is engaged by the below code, but how then can I get this to work for the select class: Form-Select 2
Input fields style for warning the user to fill them
.warning { border-color: red; }Here is my site Read-Only: [https://preview.webflow.com/preview/autopoint?utm_medium=preview_link&utm_source=designer&utm_content=autopoint&preview=432ad04f84d71574c39834f237ef2abf&pageId=5f11cae55c245018b66c58f5&mode=preview][1]
([how to share your site Read-Only link][2])