Souhaitez-vous vérifier que les utilisateurs saisissent la même information dans deux champs différents ? WPForms inclut la confirmation par email, mais 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 mettre en œuvre la validation par comparaison de champs à l'aide d'un simple extrait de code.
Mise en place du formulaire
Pour commencer, créez un nouveau formulaire ou modifiez un formulaire existant. Pour cet exemple, nous allons créer un formulaire avec deux champs Téléphone pour démontrer la validation par comparaison de champs. Le premier champ recueillera le numéro de téléphone et le second 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 la comparaison des champs. Si vous ne savez pas où ajouter du code personnalisé à votre site, consultez notre guide sur l'ajout de code personnalisé.
L'extrait suivant compare deux champs Téléphone et affiche un message d'erreur s'ils ne correspondent pas :
Vous devrez personnaliser trois valeurs clés dans le code :
- Sur ligne 10, remplacer
1000avec votre identifiant de formulaire - Sur ligne 15, remplacer
3avec votre premier ID de champ téléphonique - Sur ligne 18, remplacer
4avec votre deuxième ID de champ téléphonique
Si vous avez besoin d'aide pour trouver vos identifiants de formulaire et de champ, veuillez consulter notre guide sur la façon de trouver les identifiants de formulaire et de champ.
Et c'est tout ! En utilisant des comparaisons de champs, vous pouvez vous assurer que les données saisies dans vos formulaires sont vérifiées. Vous souhaitez afficher le bouton Soumettre de manière conditionnelle ? Consultez notre tutoriel sur l'affichage conditionnel du bouton Soumettre.