Gostaria de ocultar o botão Next em uma página de formulário específica e exibi-lo somente depois que o usuário selecionar uma opção em um campo de formulário?
Neste tutorial, vamos orientá-lo sobre como fazer isso usando um pequeno trecho de código.
Adição do snippet de código
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.
Personalização do snippet de código
No trecho de código acima, você precisará substituir 1000
com sua ID de formulário real em números de linha 9, 14e 24.
Você também precisará substituir 10
com o ID do campo de formulário que você deseja usar no 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 você deseja mostrar/ocultar o botão Next na página 2 do formulário. Se você quiser direcionar para uma página diferente, basta alterar a variável data-page
valor do atributo.
E é isso! Com esse snippet de código, o botão Next na página especificada ficará oculto por padrão e só aparecerá quando uma opção for selecionada no campo de formulário designado.
Em seguida, você gostaria de saber mais sobre a exibição condicional de botões? Dê uma olhada em nosso artigo sobre a exibição condicional do botão Enviar para obter mais detalhes.