Aller au contenu

Recommandez Gemeos à votre réseau et touchez une commission

Découvrir notre système d’apport d’affaires
On en discute ?

CRO / Conversion2 min lecture

Comment bloquer l’envoi par entrée d’un formulaire Webflow ?

Apprenez à empêcher la soumission accidentelle d'un formulaire Webflow avec la touche Entrée.

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment empêcher la soumission accidentelle d'un formulaire Webflow avec la touche Entrée.

Exemple

Appuyez sur Entrée dans les champs : rien ne se passe. Le textarea accepte Entrée normalement.

Essayez Entrée dans les inputs du dessus

Cas d'usageProblèmeSolution
Formulaire multi-champsEntrée sur le 1er champ soumet toutBloquer Entrée sur les inputs texte
Formulaire avec rechercheEntrée lance une recherche non voulueGérer Entrée manuellement
Formulaire multi-stepsEntrée saute des étapesBloquer et gérer la progression

Le script

document.querySelectorAll('form').forEach(function(form) {
  form.addEventListener('keydown', function(e) {
    if (e.key === 'Enter' && e.target.tagName !== 'TEXTAREA') {
      e.preventDefault();
    }
  });
});

Variante : autoriser Entrée uniquement sur le dernier champ

Pour autoriser la soumission avec Entrée uniquement depuis le dernier input du formulaire :

document.querySelectorAll('form').forEach(function(form) {
  var inputs = form.querySelectorAll('input, select');
  var last = inputs[inputs.length - 1];
  form.addEventListener('keydown', function(e) {
    if (e.key === 'Enter' && e.target !== last && e.target.tagName !== 'TEXTAREA') {
      e.preventDefault();
    }
  });
});

Conclusion

Ce snippet évite les soumissions accidentelles sur les formulaires complexes. Voir aussi : concevoir des formulaires sans friction.

Publié le 19 mai 2026

Sandro DA SILVA

Growth Marketer, expert Webflow et touche à tout. Sandro s'occupe des opérations commerciale, veille au bon déroulement des projets et s’occupe des problématiques liées au marketing (SEO, Tracking, Copywriting, etc)

Ces tutoriels pourraient vous intéresser

Tutoriels similaires

Voir tout

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!