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
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.