Gostaria de verificar se os utilizadores introduzem a mesma informação em dois campos diferentes? Embora o WPForms inclua a confirmação por e-mail, pode alargar esta funcionalidade a outros tipos de campos, como Telefone, Endereço ou qualquer outro campo em que seja necessário confirmar a entrada do utilizador.
Este guia mostrar-lhe-á como implementar a validação de comparação de campos utilizando um simples fragmento de código.
Configurar o formulário
Para começar, crie um novo formulário ou edite um já existente. Para este exemplo, vamos criar um formulário com dois campos Telefone para demonstrar a validação de comparação de campos. O primeiro campo recolherá o número de telefone e o segundo campo será para confirmação.
Se precisar de ajuda para criar um novo formulário, consulte o nosso guia sobre como criar o seu primeiro formulário.
Adicionar o snippet de código
De seguida, terá de adicionar o fragmento de código que trata da validação da comparação de campos. Se não tiver a certeza de onde adicionar código personalizado ao seu site, consulte o nosso guia sobre como adicionar código personalizado.
O seguinte snippet irá comparar dois campos Phone e exibir uma mensagem de erro se eles não corresponderem:
Terá de personalizar três valores-chave no código:
- Em linha 10, substituir
1000com o seu ID de formulário - Em linha 15, substituir
3com o seu primeiro ID do campo Telefone - Em linha 18, substituir
4com o seu segundo ID do campo Telefone
Se precisar de ajuda para encontrar os IDs de formulários e campos, consulte o nosso guia sobre como encontrar IDs de formulários e campos.
E pronto! Ao utilizar comparações de campos, pode garantir que os dados introduzidos nos seus formulários são verificados. Gostaria de exibir condicionalmente o botão Enviar? Dê uma olhada no nosso tutorial sobre Como mostrar condicionalmente o botão Enviar.