Mostrar Condicionalmente o Botão Seguinte numa Página Específica

Gostaria de ocultar o botão Seguinte numa página específica do formulário e exibi-lo apenas depois de o utilizador selecionar uma opção num campo do formulário?

Neste tutorial, vamos guiá-lo através de como conseguir isto usando um pequeno trecho de código.

Adicionar o Excerto de Código

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

Primeiro, terá de adicionar o seguinte trecho de código ao seu site.

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

Personalizar o Trecho de Código

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

Também terá de substituir 10 pelo ID do campo do formulário que pretende utilizar nas linhas 26 e 27.

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

O código assume que pretende mostrar/ocultar o botão Seguinte na página 2 do seu formulário. Se pretende direcionar uma página diferente, altere simplesmente o valor do atributo data-page.

E é tudo! Com este trecho de código implementado, o botão Seguinte na página especificada ficará oculto por defeito e só aparecerá depois de uma opção ser selecionada no campo do formulário designado.

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