Tous nos scripts

Formulaire

Recharger la page après une soumission de formulaire

<script>
Webflow.push(function () {
  document.addEventListener('submit', function (event) {
    if (!event.target.matches('form[js-form-reload=form]')) return;

    event.preventDefault();

    const reloadTime = event.target.getAttribute('js-form-reload-time');
    const reloadTimeMs = Math.max(0, parseInt(reloadTime));

    setTimeout(function () {
      location.reload(true);
    }, reloadTimeMs);
  });
});
</script>

Etape 1 - Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | Reload Page After Submission -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/forms/reload-after-submission.js"></script>
<script>
Webflow.push(function () {
  document.addEventListener('submit', function (event) {
    if (!event.target.matches('form[js-form-reload=form]')) return;

    event.preventDefault();

    const reloadTime = event.target.getAttribute('js-form-reload-time');
    const reloadTimeMs = Math.max(0, parseInt(reloadTime));

    setTimeout(function () {
      location.reload(true);
    }, reloadTimeMs);
  });
});
</script>
Copier

Etape 2 - Ajouter les attributes correspondants

Form - Identifier l'élément Formulaire

Nom

js-form-reload

Valeur

form

Ajouter l'attribute à l'élément formulaire de Webflow

Form - Identifier l'élément Formulaire

Nom

js-form-reload-time

Copié !

Valeur

[identifier]

Copié !

Ajouter l'attribute sur l'élément form

Remplacer [identifier] par les millisecondes

Exemple :

Pour recharger la page 2 secondes après la soumission du formulaire, ajouter l'attribute js-form-reload-time=2000

Nom

Valeur

Nom

Valeur

Tuto, template & scripts

Tuto

Template

Script

<script>
Webflow.push(function () {
  document.addEventListener('submit', function (event) {
    if (!event.target.matches('form[js-form-reload=form]')) return;

    event.preventDefault();

    const reloadTime = event.target.getAttribute('js-form-reload-time');
    const reloadTimeMs = Math.max(0, parseInt(reloadTime));

    setTimeout(function () {
      location.reload(true);
    }, reloadTimeMs);
  });
});
</script>
Copier

Etape 2 - Ajuster le code pour votre besoin

Copié dans le presse-papiers
Logo Justa

Progressez sur Webflow

Oops! Une erreur s'est produite lors de la soumission du formulaire.