Resumo de IA
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 para outros tipos de campo, como Telefone, Endereço ou qualquer outro campo onde você precise confirmar a entrada do usuário.
Este guia mostrará como implementar a validação de comparação de campos usando um simples trecho de código.
Configurando o Formulário
Para começar, crie um novo formulário ou edite um existente. Para este exemplo, criaremos um formulário com dois campos de Telefone 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, revise nosso guia sobre como criar seu primeiro formulário.
Adicionando o Trecho 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 trecho a seguir comparará dois campos de Telefone e exibirá uma mensagem de erro se eles não corresponderem:
Você precisará personalizar três valores importantes no código:
- Na linha 10, substitua
1000pelo ID do seu formulário - Na linha 15, substitua
3pelo ID do seu primeiro campo de Telefone - Na linha 18, substitua
4pelo ID do seu segundo campo de Telefone
Se precisar de ajuda para encontrar os IDs do seu formulário e campos, 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 em nosso tutorial sobre Como Mostrar Condicionalmente o Botão Enviar.