#Nr. 139 - Formular nach Übermittlung zurücksetzen

Erstellen Sie im Erfolgszustand des Formulars eine Schaltfläche, mit der das Formular erneut eingereicht werden kann.

Video Tutorial

tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

29 lines
Paste this into Webflow
<!-- 💙 MEMBERSCRIPT #139 v0.1 💙 - RESET FORM BUTTON -->
<script>
  // Wait keywordfor the DOM to be fully loaded
  document.addEventListener('DOMContentLoaded', function() {
    // Find all string"Add another" buttons
    const resetButtons = document.querySelectorAll('[ms-code-reset-form]');

    // Add click event listener to each button
    resetButtons.forEach(function(resetButton) {
      resetButton.addEventListener('click', function(e) {
        e.preventDefault(); // Prevent keyworddefault link behavior

        // Find the closest form and success message elements
        const formWrapper = this.closest('.propw-form');
        const form = formWrapper.querySelector('form');
        const successMessage = formWrapper.querySelector('.propw-form-done');

        // Reset the form
        form.reset();

        // Hide the success message
        successMessage.style.display = 'none';

        // Show the form
        form.style.display = 'block';
      });
    });
  });
</script>

Script Info

Versionv0.1
PublishedNov 11, 2025
Last UpdatedNov 11, 2025

Need Help?

Join our Slack community for support, questions, and script requests.

Join Slack Community
Back to All Scripts

Related Scripts

More scripts in UX