Résumé IA
Souhaitez-vous vérifier que les utilisateurs saisissent les mêmes informations dans deux champs différents ? Bien que WPForms inclue une confirmation d'e-mail intégrée, vous pouvez étendre cette fonctionnalité à d'autres types de champs comme le téléphone, l'adresse, ou tout autre champ où vous avez besoin de confirmer la saisie de l'utilisateur.
Ce guide vous montrera comment implémenter la validation de comparaison de champs à l'aide d'un simple extrait de code.
Configuration du formulaire
Pour commencer, créez un nouveau formulaire ou modifiez-en un existant. Pour cet exemple, nous allons créer un formulaire avec deux champs Téléphone pour démontrer la validation de comparaison de champs. Le premier champ collectera le numéro de téléphone et le second champ servira à la confirmation.
Si vous avez besoin d'aide pour créer un nouveau formulaire, veuillez consulter notre guide sur la création de votre premier formulaire.
Ajout de l’extrait de code
Ensuite, vous devrez ajouter l'extrait de code qui gère la validation de comparaison de champs. Si vous n'êtes pas sûr de l'endroit où ajouter du code personnalisé sur votre site, veuillez consulter notre guide sur l'ajout de code personnalisé.
L'extrait suivant comparera deux champs Téléphone et affichera un message d'erreur s'ils ne correspondent pas :
Vous devrez personnaliser trois valeurs clés dans le code :
- À la ligne 10, remplacez
1000par l'ID de votre formulaire - À la ligne 15, remplacez
3par l'ID de votre premier champ Téléphone - À la ligne 18, remplacez
4par l'ID de votre deuxième champ Téléphone
Si vous avez besoin d'aide pour trouver les ID de vos formulaires et champs, veuillez consulter notre guide sur la manière de trouver les ID de formulaires et de champs.
Et voilà ! En utilisant la comparaison de champs, vous pouvez vous assurer que les données saisies dans vos formulaires sont vérifiées. Souhaitez-vous afficher conditionnellement le bouton Envoyer ? Consultez notre tutoriel sur Comment afficher conditionnellement le bouton Envoyer.