### [Comment ajouter la validation du champ d'adresse pour Authorize.net](https://wpforms.com/developers/how-to-add-address-field-validation-for-authorize-net/)
**Publié le :** 8 mars 2022
**Auteur :** Umair Majeed
**Extrait :** Ce tutoriel vous guidera dans l'ajout de la validation d'adresse lors de l'utilisation du champ d'adresse sur un formulaire de paiement Authorize.net à l'aide de JavaScript.
**Contenu :**
Voulez-vous améliorer l'expérience de validation d'adresse pour vos formulaires de paiement Authorize.net ? Par défaut, Authorize.net limite les champs d'adresse à 60 caractères mais n'affiche un message d'erreur technique qu'après la soumission du formulaire.
Ce guide vous montrera comment ajouter une validation conviviale qui détecte les problèmes de longueur d'adresse avant la soumission.
## Comprendre le problème
Lorsque une **adresse** dépasse 60 caractères, Authorize.net affiche cette erreur cryptique :
```
Le paiement a été refusé par Authorize.Net.
API : (E00003) L'élément 'AnetApi/xml/v1/schema/AnetApiSchema.xsd:address'
est invalide – La valeur XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
est invalide selon son type de données 'String' –
La longueur réelle est supérieure à la valeur MaxLength.
```
Nous remplacerons cela par un message clair et convivial qui apparaît immédiatement lors de la saisie dans le formulaire.
## Configuration de votre formulaire
Tout d'abord, nous devrons créer un formulaire en utilisant le [module complémentaire Authorize.net](https://wpforms.com/addons/authorize-net-addon/ "Module complémentaire Authorize.Net"). Si vous avez besoin d'aide pour créer un formulaire de paiement Authorize.net, consultez notre guide sur [la configuration des paiements Authorize.net](https://wpforms.com/docs/how-to-install-and-use-the-authorize-net-addon-with-wpforms/).
Assurez-vous d'ajouter un champ **Adresse** à votre formulaire. Vous en aurez besoin pour capturer l'adresse de livraison ou de facturation de la transaction.
## Correspondance des champs d'adresse
Accédez à l'onglet **Paiements** dans votre générateur de formulaire et sélectionnez l'onglet **Authorize.net**. Faites correspondre les champs d'adresse de votre formulaire aux champs de transaction Authorize.net correspondants. Cela garantit que les données d'adresse sont correctement transmises avec le paiement.
## Ajout du code de validation
Ajoutez ce code à votre site pour activer la validation d'adresse. Si vous n'êtes pas sûr de la manière d'ajouter du code personnalisé, veuillez consulter notre [guide sur l'ajout de snippets de code à WordPress](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).
Personnalisation du code :
- Ligne **11** : Remplacez **1000** par l'ID de votre formulaire
- Ligne **16** : Remplacez **25** par l'ID de votre champ d'adresse
- Ligne **19** : Remplacez à nouveau **25** par l'ID de votre champ d'adresse
Si vous avez besoin d'aide pour trouver les ID de votre formulaire et de vos champs, consultez notre [guide sur la façon de trouver les ID de formulaire et de champ](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/).
Maintenant, lorsque les utilisateurs saisiront leur adresse, ils verront un message de validation d'adresse immédiat si une ligne de l'**Adresse** dépasse 60 caractères.
Et c'est tout ce dont vous avez besoin ! Ensuite, souhaitez-vous également envoyer un numéro de facture à Authorize.net ? Consultez notre tutoriel sur [l'envoi d'un numéro de facture aux paiements Authorize.net](https://wpforms.com/developers/how-to-send-an-invoice-number-through-to-authorize-net-payments/ "Comment envoyer un numéro de facture aux paiements Authorize.net").
## Action de référence
[wpforms\_process](https://wpforms.com/developers/wpforms_process/ "Utilisation de l'action wpforms_process")
**Catégories :** Modules complémentaires
**Tags :** Authorize.net, Javascript, JS
---