Désactiver la soumission du formulaire Webflow

Empêcher la soumission d'un formulaire Webflow (utile notamment pour les filtres)

Language: Javascript

Catégorie : Formulaire

<script>

document.addEventListener('DOMContentLoaded', function () {
  var formElement = document.querySelector('[js-form-deactivatesubmission="form"]');
  if (formElement) {
    formElement.addEventListener('submit', function (e) {
      e.preventDefault();
    });
  }
});

</script>

Sommaire

Utiliser un LLM pour résumer ou expliquer ce script

Le script

Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | Deactivate Form Submission -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/forms/deactivate-form-submission.js"></script>

<script>

document.addEventListener('DOMContentLoaded', function () {
  var formElement = document.querySelector('[js-form-deactivatesubmission="form"]');
  if (formElement) {
    formElement.addEventListener('submit', function (e) {
      e.preventDefault();
    });
  }
});

</script>

Les attributes

Form - Identifier l'élément Formulaire

Nom

js-form-deactivatesubmission

Valeur

form

Ajouter l'attribute à l'élément formulaire de Webflow qui doit être désactivé

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto

Template

Code source du script

<script>

document.addEventListener('DOMContentLoaded', function () {
  var formElement = document.querySelector('[js-form-deactivatesubmission="form"]');
  if (formElement) {
    formElement.addEventListener('submit', function (e) {
      e.preventDefault();
    });
  }
});

</script>