Confirmar Valores de Campo Correspondentes no WPForms

Gostaria de verificar se os utilizadores inserem a mesma informação em dois campos diferentes? Embora o WPForms inclua confirmação de e-mail integrada, pode estender esta funcionalidade a outros tipos de campo como Telefone, Morada ou qualquer outro campo onde necessite de confirmar a entrada do utilizador.

Este guia irá mostrar-lhe como implementar a validação de comparação de campos utilizando um simples trecho de código.

Configuração do 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 recolherá o número de telefone e o segundo campo será para confirmação.

Se precisar de ajuda para criar um novo formulário, por favor, consulte o nosso guia sobre como criar o seu primeiro formulário.

Adicionar o Excerto de Código

Em seguida, terá de adicionar o trecho de código que gere a validação de comparação de campos. Se não tiver a certeza de onde adicionar código personalizado ao seu site, por favor, consulte o nosso guia sobre como adicionar código personalizado.

O seguinte trecho irá comparar dois campos de Telefone e exibir uma mensagem de erro se não corresponderem:

Terá de personalizar três valores chave no código:

1. Na linha 10, substitua 1000 pelo ID do seu formulário
2. Na linha 15, substitua 3 pelo ID do seu primeiro campo de Telefone
3. Na linha 18, substitua 4 pelo ID do seu segundo campo de Telefone

Se precisar de ajuda para encontrar os IDs do seu formulário e campos, por favor, consulte o nosso guia sobre como encontrar IDs de formulário e campo.

E é tudo! Ao usar comparações de campos, pode garantir que os dados inseridos nos seus formulários são verificados. Gostaria de exibir condicionalmente o botão Enviar? Dê uma vista de olhos ao nosso tutorial sobre Como Exibir Condicionalmente o Botão Enviar.

Ação de Referência

wpforms_process