Hello fellow Webflowers,
I have just finished with a multi-step form build and I really struggled getting the form to submit using Webflow’s native Submit button from the Elements panel (which is required in order to use Webflow’s default form handling).
After hours of tweaking my code, I realized that quite a few of my inputs were set to Email or Number. Because I was using custom validations in my code and those inputs were out of view when I got to the Submit button, the form wouldn’t submit because I was entering text into those forms while testing, which prevented the form from submitting, and I couldn’t see why!
LESSON LEARNED: USE PLAIN inputs for everything if you’re going to be using custom code logic but want to use Webflow’s submit option! It ensures that Webflow doesn’t stop the form submitting because of Webflow default validation issues. I didn’t find this answer in the forums and hopefully this helps someone else who may be battling with a similar issue.
All the best! Happy designing.
-Caleb