Gostaria de verificar se os usuários inserem as mesmas informações em dois campos diferentes? Embora o WPForms inclua confirmação de e-mail integrada, você pode estender essa funcionalidade a outros tipos de campo, como Telefone, Endereço ou qualquer outro campo em que seja necessário confirmar a entrada do usuário.
Este guia mostrará a você como implementar a validação de comparação de campos usando um simples trecho de código.
Configuração do formulário
Para começar, crie um novo formulário ou edite um já existente. Para este exemplo, criaremos um formulário com dois campos Phone para demonstrar a validação de comparação de campos. O primeiro campo coletará o número de telefone e o segundo campo será para confirmação.
Se precisar de ajuda para criar um novo formulário, consulte nosso guia sobre como criar seu primeiro formulário.
Adição do snippet de código
Em seguida, você precisará adicionar o trecho de código que lida com a validação de comparação de campos. Se não tiver certeza de onde adicionar código personalizado ao seu site, consulte nosso guia sobre como adicionar código personalizado.
O snippet a seguir comparará dois campos Phone e exibirá uma mensagem de erro se eles não corresponderem:
Você precisará personalizar três valores-chave no código:
- Em linha 10, substitua
1000com sua ID de formulário - Em linha 15, substitua
3com sua primeira ID do campo Telefone - Em linha 18, substitua
4com sua segunda ID do campo Telefone
Se precisar de ajuda para encontrar seus IDs de formulário e campo, consulte nosso guia sobre como encontrar IDs de formulário e campo.
E é isso! Ao usar comparações de campos, você pode garantir que os dados inseridos em seus formulários sejam verificados. Gostaria de exibir condicionalmente o botão Enviar? Dê uma olhada no nosso tutorial sobre Como exibir condicionalmente o botão Enviar.