### [So fügen Sie eine Adressfeld-Validierung für Authorize.net hinzu](https://wpforms.com/developers/how-to-add-address-field-validation-for-authorize-net/)

**Veröffentlicht:** 8. März 2022
**Autor:** Umair Majeed

**Auszug:** Dieses Tutorial führt Sie Schritt für Schritt durch die Hinzufügung einer Adressvalidierung bei der Verwendung des Adressfelds in einem Authorize.net-Zahlungsformular mithilfe von JavaScript.

**Inhalt:**

Möchten Sie die Adressvalidierung für Ihre Authorize.net-Zahlungsformulare verbessern? Standardmäßig begrenzt Authorize.net Adressfelder auf 60 Zeichen, zeigt jedoch erst nach dem Absenden des Formulars eine technische Fehlermeldung an.

Dieser Leitfaden zeigt Ihnen, wie Sie eine benutzerfreundliche Validierung hinzufügen, die Probleme mit der Adresslänge bereits vor dem Absenden erkennt.

## Das Problem verstehen

Wenn eine **Adresse** mehr als 60 Zeichen umfasst, zeigt Authorize.net folgende kryptische Fehlermeldung an:

```

Die Zahlung wurde von Authorize.Net abgelehnt.
API: (E00003) Das Element 'AnetApi/xml/v1/schema/AnetApiSchema.xsd:address' 
ist ungültig – Der Wert XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 
ist gemäß seinem Datentyp 'String' ungültig – 
Die tatsächliche Länge ist größer als der MaxLength-Wert.
```

Wir werden dies durch eine klare, benutzerfreundliche Meldung ersetzen, die sofort während der Formulareingabe angezeigt wird.

## Einrichten Ihres Formulars

Zunächst müssen wir ein Formular mit dem [Authorize.net-Addon](https://wpforms.com/addons/authorize-net-addon/ „Authorize.Net-Addon“) erstellen. Wenn Sie Hilfe beim Erstellen eines Authorize.net-Zahlungsformulars benötigen, lesen Sie unseren Leitfaden zum [Einrichten von Authorize.net-Zahlungen](https://wpforms.com/docs/how-to-install-and-use-the-authorize-net-addon-with-wpforms/).

Stellen Sie sicher, dass Sie Ihrem Formular ein **Adress**-Feld hinzufügen. Sie benötigen dieses, um die Liefer- oder Rechnungsadresse für die Transaktion zu erfassen.

## Adressfelder zuordnen

Navigieren Sie in Ihrem Formular-Generator zur Registerkarte **Zahlungen** und wählen Sie die Registerkarte **Authorize.net** aus. Ordnen Sie die Adressfelder Ihres Formulars den entsprechenden Transaktionsfeldern von Authorize.net zu. Dadurch wird sichergestellt, dass die Adressdaten korrekt mit der Zahlung übertragen werden.

![Ordnen Sie die Formularfelder Ihres Formulars den richtigen Feldern in Authorize.net zu](https://wpforms.com/wp-content/uploads/2022/03/wpforms-anet-map-address.jpg)## Validierungscode hinzufügen

Fügen Sie diesen Code zu Ihrer Website hinzu, um die Adressvalidierung zu aktivieren. Wenn Sie sich nicht sicher sind, wie Sie benutzerdefinierten Code hinzufügen, lesen Sie bitte unsere [Anleitung zum Hinzufügen von Code-Schnipseln zu WordPress](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

Anpassen des Codes:

- In **Zeile 11**: Ersetzen Sie **1000** durch Ihre Formular-ID
- In **Zeile 16**: Ersetzen Sie **25** durch Ihre Adressfeld-ID
- In **Zeile 19**: Ersetzen Sie **25** erneut durch Ihre Adressfeld-ID

Wenn Sie Hilfe beim Auffinden Ihrer Formular- und Feld-IDs benötigen, lesen Sie unseren [Leitfaden zum Auffinden von Formular- und Feld-IDs](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/).

Wenn die Benutzer nun ihre Adresse eingeben, wird sofort eine Meldung zur Adressvalidierung angezeigt, sobald eine Zeile im Feld **Adresse** mehr als 60 Zeichen enthält.

![Benutzer sehen sofort eine Adressvalidierungsmeldung, wenn die Adresse in Zeile 1 oder Zeile 2 mehr als 60 Zeichen umfasst](https://wpforms.com/wp-content/uploads/2022/03/new-authorize-net-address-validation.jpg)Und das ist schon alles! Möchten Sie als Nächstes auch eine Rechnungsnummer an Authorize.net senden? Schauen Sie sich unser Tutorial zum [Senden einer Rechnungsnummer an Authorize.net Payments](https://wpforms.com/developers/how-to-send-an-invoice-number-through-to-authorize-net-payments/ "So senden Sie eine Rechnungsnummer an Authorize.net Payments") an.

## Referenzaktion

[wpforms\_process](https://wpforms.com/developers/wpforms_process/ „Verwendung der Aktion wpforms_process“)

**Kategorien:** Addons

**Tags:** Authorize.net, Javascript, JS

---