Erreur « Impossible de soumettre le formulaire »

Avez-vous rencontré un écran d’erreur intitulé « Unable to submit form » ? Il ressemble à ceci :

Screen_Shot_2020-07-12_at_10.38.00_AM.png

Si c’est le cas, cet article devrait vous aider à résoudre le problème.

Que s’est-il passé ?

Si vous voyez cet écran, cela signifie deux choses :

Votre requête ne contient pas l’en-tête HTTP « referer » indiquant l’URL de la page web depuis laquelle le formulaire a été soumis.
Le formulaire a été configuré avec un attribut action pointant vers une URL Formspree contenant une adresse e-mail. Par exemple : https://formspree.io/email@domain.com.

Lorsque l’URL d’action du formulaire ne contient qu’une adresse e-mail pour l’identification, Formspree a besoin des informations supplémentaires contenues dans l’en-tête « referer » pour identifier le formulaire. Ces URLs basées sur une adresse e-mail étaient la méthode d’intégration d’origine avec Formspree. Aujourd’hui, nous utilisons un identifiant de formulaire dans l’URL, ce qui nous affranchit de la dépendance à l’en-tête « referer ».

Solution recommandée

En tant que propriétaire du formulaire, si vous utilisez un attribut action de type https://formspree.io/email@domain.com, nous vous suggérons de suivre ces étapes :

Créez un compte gratuit sur https://formspree.io/register.
Créez un nouveau formulaire. Vous recevrez une URL d’action contenant un identifiant de formulaire unique.
Remplacez votre ancienne URL basée sur une adresse e-mail par la nouvelle URL.

Cela permettra à votre formulaire de fonctionner sur tous les navigateurs et sur toutes les pages de votre site. De plus, vous n’aurez plus besoin d’exposer votre adresse e-mail dans le code HTML du formulaire, ce qui représentait un risque de sécurité potentiel.

Si vous souhaitez transférer vos soumissions existantes vers votre nouveau formulaire, veuillez soumettre une demande à notre équipe d’assistance et nous nous en occuperons pour vous.

Solution alternative (legacy)

En tant que propriétaire du formulaire, si vous ne pouvez pas modifier l’attribut action de votre formulaire, essayez les étapes de dépannage suivantes. Notez que sans modification de votre URL comme décrit dans la solution recommandée ci-dessus, votre formulaire pourrait ne pas fonctionner dans tous les navigateurs (voir ci-dessous).

Vous pouvez rencontrer cette erreur lorsque vous testez localement en ouvrant un fichier HTML directement dans votre navigateur. Dans ce cas, son URL commence par file:/// au lieu de http:// ou https://. Cela ne fonctionnera pas car les navigateurs ne traitent pas ces pages comme des ressources web normales — ils n’envoient notamment pas l’en-tête « referer ». Essayez d’exécuter un serveur web local pour héberger votre page de formulaire. Sur Mac ou Linux, vous pouvez lancer un serveur web en tapant la commande suivante dans votre terminal :
```
python -m SimpleHTTPServer 8000
```
Puis visitez http://localhost:8000 dans votre navigateur.

Sur Windows, essayez d’installer l’un des serveurs web suivants : Web server for Chrome, thttpd ou Quickshare.
Si vous avez configuré votre formulaire pour qu’il soumette vers une URL en http://, mais que votre formulaire est hébergé sur une page accessible via le protocole https://, l’en-tête « referer » ne sera pas envoyé. Vous devrez mettre à jour votre URL d’action. Dans ce cas, nous recommandons la solution recommandée ci-dessus.
Si vous utilisez le navigateur Brave, sachez qu’il peut bloquer l’en-tête « referer ». Ce problème a été signalé à l’équipe Brave. Nous vous serions reconnaissants de voter pour ce signalement afin d’attirer l’attention de l’équipe Brave sur ce problème.