Modification des messages de validation

Souhaitez-vous modifier les messages de validation qui apparaissent dans vos formulaires ? La personnalisation de vos messages de validation est particulièrement utile si vous souhaitez traduire vos formulaires dans une autre langue, ou si vous souhaitez simplement modifier leur formulation.

Ce tutoriel vous montrera quelques exemples de messages de validation et comment les modifier.

Que sont les messages de validation ?

Certains champs de vos formulaires ont des règles spécifiques. Par exemple, les utilisateurs ne peuvent pas soumettre un formulaire si un champ obligatoire est vide. Ils ne peuvent pas non plus soumettre un champ Email avec un texte qui n'est pas une adresse e-mail valide, ou un champ URL qui ne contient pas une adresse web.

WPForms utilise un processus appelé validation pour vérifier que chaque saisie respecte les règles de vos formulaires. Si l'utilisateur n'a pas rempli un champ correctement, un message apparaîtra pour lui indiquer comment résoudre le problème avant de finaliser sa soumission.

Par exemple, le message de validation qui apparaît si un champ obligatoire est vide est : « Ce champ est obligatoire ».

Personnalisation des messages de validation

WPForms gère les messages de validation pour l'ensemble de votre site dans les paramètres du plugin.

Pour afficher la liste existante des messages de validation pour vos formulaires, allez dans WPForms » Paramètres et ouvrez l'onglet Validation.

Les messages spécifiques disponibles ici dépendent de votre niveau de licence et des extensions que vous avez installées. Pour personnaliser ces messages, remplacez simplement le texte par défaut par le message que vous souhaitez que vos utilisateurs voient.

Ci-dessous, nous avons listé tous les messages de validation actuellement disponibles pour la personnalisation, avec leurs valeurs par défaut :

• Obligatoire : Ce champ est obligatoire.
• URL du site Web : Veuillez entrer une URL valide.
• E-mail : Veuillez entrer une adresse e-mail valide.
• Suggestion d'e-mail : Vouliez-vous dire {suggestion} ?
• E-mail restreint : Cette adresse e-mail n'est pas autorisée.
• Nombre : Veuillez entrer un nombre valide.
• Nombre positif : Veuillez entrer un nombre positif valide.
• Confirmer la valeur : Les valeurs des champs ne correspondent pas.
• Masque de saisie incomplet : Veuillez remplir le champ dans le format requis.
• Limite de sélection de cases à cocher : Vous avez dépassé le nombre de sélections autorisées : {#}.
• Limite de caractères : La limite est de {limit} caractères. Caractères restants : {remaining}.
• Limite de mots : La limite est de {limit} mots. Mots restants : {remaining}.
• Téléphone : Veuillez entrer un numéro de téléphone valide.
• Extension de fichier : Le type de fichier n'est pas autorisé.
• Taille de fichier : Le fichier dépasse la taille maximale autorisée. Le fichier n'a pas été téléchargé.
• Heure (12 heures) : Veuillez entrer l'heure au format 12 heures AM/PM (par ex. 8:45 AM).
• Heure (24 heures) : Veuillez entrer l'heure au format 24 heures (par ex. 22:45).
• Paiement requis : Le paiement est requis.
• Carte de crédit : Veuillez entrer un numéro de carte de crédit valide.
• Taille totale du téléchargement de champ : La taille totale des fichiers sélectionnés {totalSize} Mo dépasse la limite autorisée de {maxSize} Mo.
• Force du mot de passe : Un mot de passe plus fort est requis. Envisagez d'utiliser des lettres majuscules et minuscules, des chiffres et des symboles.
• Réponse unique : La valeur doit être unique.
• Erreur de coupon : Ce n'est pas un coupon valide.

Notez que certains des messages par défaut incluent des espaces réservés entre accolades. Ceux-ci tireront des valeurs d'autres zones de votre site et les afficheront dans vos messages de validation.

Les espaces réservés disponibles incluent :

• {suggestion} : Insère une correction suggérée si un utilisateur saisit une adresse e-mail courante (par exemple, @gmail.com, @yahoo.com) avec une faute de frappe.
• {#} : Affiche le nombre maximum de sélections autorisées par un champ de cases à cocher, tel que déterminé dans ses options de champ.
• {limit} : Affiche la limite de mots ou de caractères pour un champ de texte sur une seule ligne ou de paragraphe, telle que définie dans ses options de champ.
• {remaining} : Affiche les mots ou caractères restants disponibles jusqu'à ce que l'utilisateur atteigne la limite pour un champ de texte sur une seule ligne ou de paragraphe, tel que défini dans ses options de champ.
• {totalSize} : Insère la taille d'un fichier qu'un utilisateur a tenté de télécharger à l'aide du champ de téléchargement de fichier.
• {maxSize} : Affiche la taille maximale de fichier autorisée par le champ de téléchargement de fichier.

Une fois que vous avez apporté vos modifications, assurez-vous de cliquer sur Enregistrer les paramètres en bas de l'écran. Tous les formulaires WPForms sur votre site utiliseront ces messages de validation.

Questions fréquemment posées

Ce sont quelques-unes des questions les plus fréquentes que nous recevons concernant la personnalisation des messages de validation dans WPForms.

J'ai traduit mes messages de validation et maintenant mes espaces réservés ne fonctionnent pas. Que dois-je faire ?

Lors de la traduction de vos messages de validation, vous devez laisser vos espaces réservés en anglais.

Par exemple, si vous deviez traduire le message de validation par défaut de suggestion d'e-mail, vous saisiriez « Voulez-vous dire » dans votre langue cible, mais laisseriez « {suggestion} » en anglais, comme ceci :

Comment puis-je modifier le texte d'erreur pour les soumissions de formulaire échouées dans WPForms ?

Vous pouvez modifier le texte d'erreur affiché pour les soumissions échouées dans WPForms à l'aide d'un extrait PHP. Cela vous permet de personnaliser le message pour mieux répondre aux besoins de votre site Web ou pour fournir des instructions plus spécifiques à vos utilisateurs.

Pour des instructions détaillées sur la façon d'implémenter cet extrait, consultez notre documentation pour développeurs sur la modification du texte d'erreur pour les soumissions échouées.

C'est tout ! Vous pouvez maintenant personnaliser les messages de validation dans vos formulaires.

Ensuite, souhaitez-vous également personnaliser l'apparence de vos messages de validation ou styliser d'autres parties de vos formulaires ? Pour commencer, consultez notre guide du débutant en CSS.