There can be multiple factors causing the issue where a multi-step form created using Formly in Webflow does not submit properly and instead shows a "Please Wait..." message. Here are a few potential reasons and their possible solutions:
1. JavaScript Conflict: Check if there are any JavaScript conflicts on your page that could be interfering with the form submission process. Sometimes, multiple JavaScript libraries or scripts can cause conflicts, resulting in unexpected behavior. To troubleshoot this, you can try disabling other JavaScript functionality on the page one by one and check if the issue persists.
2. Form Submission Configuration: Ensure that the form submission is correctly configured within Formly and Webflow. Double-check the form settings, such as the form action URL and the method (GET or POST). If these settings are not properly defined, it can cause issues with the form submission. Verify that the form is set to submit to the appropriate destination, like an email or a database.
3. Server-side Validation: If the form data is not satisfying the server-side validation requirements, it can prevent the form from submitting correctly. Make sure the form is validating the input data correctly, and if there are any validation errors, display them to the user so they can rectify any mistakes before submitting.
4. Slow Network Connection: In some cases, a slow network connection can cause the form submission to take longer than expected, resulting in the "Please Wait..." message being displayed for an extended period. Check if the issue persists on a faster and stable internet connection to rule out network-related problems.
5. JavaScript Errors: Look out for any JavaScript errors that might be occurring on the page. Open the browser console (usually accessed by right-clicking anywhere on the page and selecting "Inspect" or "Inspect Element," then navigating to the "Console" tab) and see if there are any error messages logged. These errors can help pinpoint the exact issue causing the form not to submit properly.
6. Custom Code Interference: If you have added custom code to your Webflow project, it could be interfering with the form submission process. Check if there are any custom JavaScript or jQuery functions that are conflicting with Formly's functionality. Temporarily remove or disable any custom code related to the form and test it again to see if that resolves the issue.
If none of these solutions resolves the problem, you might consider reaching out to Webflow support or the Formly team for further assistance. Provide them with as much detail as possible about your setup and any relevant error messages to help them identify and address the issue more effectively.