Algumas vezes precisamos esconder elementos em um formulário, e mostra-los dependendo do valor selecionado em outro campo, fazendo a validação do campo somente se este estiver visível, eu gosto de usar o contact form 7 em meus trabalhos, então segue como fazer esse tipo de validação.

Primeiramente vamos fazer nosso formulário no contact form 7, criaremos um checkbox para que o usuário selecione a forma como ele deseja ser contactado após enviar a mensagem.

Caso ele selecione telefone, o campo telefone será exibido, para esconder e exibir o campo utilizaremos jquery, coloque esse código no arquivos .js do seu tema.

Nesse ponto já temos nosso formulário escondendo e mostrando o campo, agora vamos fazer a validação desse campo, mas a validação só será feita quando ele estiver visível,  na pagina do contact form 7 existe uma seção informando como fazer a validação personalizada, é com base nessa validação de vamos fazer a nossa.

Lembrando que o código para o exemplo foi usado no aquivo functions.php do tema.

agora e só usar a imaginações e criar nossas novas validações condicionais!!

Gostou do post? foi útil? então compartilha, mas se achou alguma erro ou tem uma forma mais legal de fazer, então comenta ai!!!!

Deixe um comentário