Mostrar condicionalmente o botão Next numa página específica

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

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

Adicionar o snippet de código

Este snippet está configurado para funcionar com tipos de campo como Múltipla Escolha, em que é necessário selecionar uma opção. Poderá ser necessário ajustar o seletor jQuery para outros tipos de campo.

Em primeiro lugar, terá de adicionar o seguinte fragmento de código ao seu sítio.

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

Personalizar o snippet de código

No trecho de código acima, é necessário substituir 1000 com o seu ID de formulário atual em números de linha 9, 14e 24.

Também é necessário substituir 10 com o ID do campo de formulário que pretende utilizar em números de linha 26 e 27.

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

O código pressupõe que pretende mostrar/ocultar o botão Seguinte na página 2 do seu formulário. Se pretender direcionar para uma página diferente, basta alterar o parâmetro data-page valor do atributo.

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

De seguida, gostaria de saber mais sobre a apresentação condicional de botões? Para mais pormenores, consulte o nosso artigo sobre a apresentação condicional do botão de envio.