### [Como adicionar validação ao campo de endereço no Authorize.net](https://wpforms.com/developers/how-to-add-address-field-validation-for-authorize-net/)

**Publicado:** 8 de março de 2022
**Autor:** Umair Majeed

**Resumo:** Este tutorial irá orientá-lo sobre como adicionar validação de endereço ao usar o campo de formulário “Endereço” em um formulário de pagamento do Authorize.net utilizando JavaScript.

**Conteúdo:**

Gostaria de melhorar a experiência de validação de endereço em seus formulários de pagamento do Authorize.net? Por padrão, o Authorize.net limita os campos de endereço a 60 caracteres, mas apenas exibe uma mensagem de erro técnico após o envio do formulário.

Este guia mostrará como adicionar uma validação intuitiva que detecta problemas de comprimento do endereço antes do envio.

## Entendendo o problema

Quando um **Endereço** excede 60 caracteres, o Authorize.net exibe este erro enigmático:

```

O pagamento foi recusado pelo Authorize.Net.
API: (E00003) O elemento 'AnetApi/xml/v1/schema/AnetApiSchema.xsd:address' 
é inválido – O valor XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 
é inválido de acordo com seu tipo de dados 'String' – 
O comprimento real é maior que o valor de MaxLength.
```

Vamos substituir isso por uma mensagem clara e fácil de entender que aparece imediatamente durante o preenchimento do formulário.

## Configurando seu formulário

Primeiro, precisamos criar um formulário usando o [complemento Authorize.net](https://wpforms.com/addons/authorize-net-addon/ "Complemento Authorize.Net"). Se precisar de ajuda para criar um formulário de pagamento Authorize.net, consulte nosso guia sobre [como configurar pagamentos Authorize.net](https://wpforms.com/docs/how-to-install-and-use-the-authorize-net-addon-with-wpforms/).

Certifique-se de adicionar um campo **Endereço** ao seu formulário. Você precisará dele para capturar o endereço de entrega ou de cobrança da transação.

## Mapeamento de campos de endereço

Navegue até a guia **Pagamentos** no seu criador de formulários e selecione a guia **Authorize.net**. Mapeie os campos de endereço do seu formulário para os campos de transação correspondentes do Authorize.net. Isso garante que os dados de endereço sejam transmitidos corretamente junto com o pagamento.

![mapeie os campos do seu formulário para os campos corretos dentro do Authorize.net](https://wpforms.com/wp-content/uploads/2022/03/wpforms-anet-map-address.jpg)## Adicionando código de validação

Adicione este código ao seu site para habilitar a validação de endereço. Se você não tiver certeza de como adicionar código personalizado, consulte nosso [guia sobre como adicionar trechos de código ao WordPress](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

Personalizando o código:

- Na **linha 11**: Substitua **1000** pelo ID do seu formulário
- Na **linha 16**: Substitua **25** pelo ID do seu campo Endereço
- Na **linha 19**: Substitua **25** pelo ID do seu campo Endereço novamente

Se precisar de ajuda para encontrar os IDs do seu formulário e dos campos, consulte nosso [guia sobre como encontrar IDs de formulários e campos](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/).

Agora, quando os usuários inserirem seu endereço, verão uma mensagem de validação imediata se qualquer linha no campo **Endereço** exceder 60 caracteres.

![os usuários verão uma mensagem de validação de endereço imediata se o endereço na linha 1 ou na linha 2 exceder 60 caracteres](https://wpforms.com/wp-content/uploads/2022/03/new-authorize-net-address-validation.jpg)E isso é tudo o que você precisa! Em seguida, você gostaria de enviar também um número de fatura para a Authorize.net? Confira nosso tutorial sobre [como enviar um número de fatura para pagamentos via Authorize.net](https://wpforms.com/developers/how-to-send-an-invoice-number-through-to-authorize-net-payments/ "Como enviar um número de fatura para pagamentos via Authorize.net").

## Ação de referência

[wpforms\_process](https://wpforms.com/developers/wpforms_process/ "Usando a ação wpforms_process")

**Categorias:** Complementos

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

---