Webflow sync, pageviews & more.
NEW

What could be causing the issue where a Multi step form created using formly in Webflow does not submit properly and instead shows a "Please Wait..." message?

TL;DR
  • Check that Formly is correctly initialized after the DOM loads and the form exists.
  • Ensure the form has a valid action URL if not using Webflow’s default handler.
  • Verify custom JavaScript correctly handles form submission and doesn’t block completion.
  • Inspect browser console for JavaScript errors causing interruption.
  • Avoid conflicts from duplicate form IDs or interfering scripts.
  • Ensure Webflow interactions aren't clashing with Formly behavior.
  • Confirm the submit button is properly set to type="submit".

The “Please Wait…” message not disappearing on form submission in a Webflow multi-step form using Formly generally indicates that the submission request is not completing due to a JavaScript conflict, a Formly configuration issue, or an error with the form’s backend action setup.

1. Confirm Formly Initialization

  • Ensure Formly is initialized correctly with the required element references.
  • The Formly script must be triggered after the DOM is fully loaded and the form element exists.
  • Check that your call to formly() is being run once at the appropriate time—ideally inside a DOMContentLoaded or Webflow.push(function() {}).

2. Validate Form Action Attribute

  • Check the form’s Action URL in the Webflow Designer or Project Settings.
  • If you're not using Webflow's default form handler, you need to provide a valid action URL (e.g., an API endpoint).
  • Leaving the Action field empty will cause submission to fail silently unless you’re handling it with custom JavaScript.

3. Verify Custom JavaScript Handling Submission

  • If you're using Formly with custom submission code, confirm the custom logic uses event.preventDefault() correctly and completes with successful feedback or redirection.
  • Ensure the form submission handler doesn't return false early or miss calling the actual fetch() / submit() logic.

4. Inspect JavaScript Errors

  • Open your browser’s DevTools Console (F12 > Console tab) and check for any JavaScript errors.
  • Look for uncaught exceptions related to Formly, missing selectors, or third-party scripts that may block execution.

5. Conflict With Other Webflow Forms or Scripts

  • If you have multiple forms or other scripts on the same page, verify there’s no conflict.
  • Avoid multiple <form> elements with the same ID or name.

6. Webflow Native Submit Behavior Interference

  • If using Formly’s JavaScript-based steps, ensure you’re not relying on Webflow’s visual multi-step interactions, which can clash with Formly changes.
  • Make sure the final Submit button is not hidden or handled by Webflow interactions tied to form submissions.

7. Recheck Submit Button Type

  • Confirm the final submit button is of type="submit". If it uses a custom attribute or lacks type, it may not trigger proper form submission.

Summary

The issue is most likely caused by a JavaScript error, improper Formly configuration, or missing form action URL. Review your Formly setup, confirm your form element is initialized correctly, and check for browser console errors to identify the specific cause.

Rate this answer

Other Webflow Questions