Confirmação de valores de campo correspondentes em WPForms

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.

Se estiver especificamente interessado na confirmação por correio eletrónico, pode configurá-la diretamente no criador de formulários sem qualquer código, seguindo o nosso guia de confirmação por correio eletrónico.

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:

  1. Em linha 10, substituir 1000 com o seu ID de formulário
  2. Em linha 15, substituir 3 com o seu primeiro ID do campo Telefone
  3. Em linha 18, substituir 4 com 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.

Ao utilizar os campos Telefone, poderá ser necessário ajustar o padrão em linha 21 ($pattern = '/^\d{10}$/';) para acomodar diferentes formatos de números de telefone, especialmente para números internacionais ou formatos personalizados. O padrão atual espera exatamente 10 dígitos.

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.

Ação de referência

wpforms_process