Exibindo Condicionalmente o Botão Próximo em uma Página Específica

Você gostaria de ocultar o botão Próximo em uma página específica do formulário e exibi-lo somente após o usuário selecionar uma opção em um campo do formulário?

Neste tutorial, mostraremos como conseguir isso usando um pequeno trecho de código.

Adicionando o Trecho de Código

Este trecho está configurado para funcionar com tipos de campo como Múltipla Escolha, onde uma opção precisa ser selecionada. Talvez você precise ajustar o seletor jQuery para outros tipos de campo.

Primeiro, você precisará adicionar o seguinte trecho de código ao seu site.

Se precisar de ajuda para adicionar código personalizado ao seu site, consulte nosso guia sobre como adicionar PHP ou JavaScript personalizado ao seu site.

Personalizando o Trecho de Código

No trecho de código acima, você precisará substituir 1000 pelo ID real do seu formulário nas linhas 9, 14 e 24.

Você também precisará substituir 10 pelo ID do campo do formulário que deseja usar nas linhas 26 e 27.

Se precisar de ajuda para encontrar o ID do seu formulário, revise este guia sobre como encontrar IDs de formulários e campos.

O código assume que você deseja mostrar/ocultar o botão Próximo na página 2 do seu formulário. Se desejar direcionar outra página, basta alterar o valor do atributo data-page.

E é isso! Com este trecho de código implementado, o botão Próximo na página especificada ficará oculto por padrão e só aparecerá quando uma opção for selecionada no campo do formulário designado.

Em seguida, você gostaria de saber mais sobre como mostrar botões condicionalmente? Dê uma olhada em nosso artigo sobre como mostrar condicionalmente o botão de envio para mais detalhes.