Ir ao conteúdo

Posts recomendados

Postado

Fala galera, tranquilo?

 

É o seguinte, estou precisando criar um formulário simples de apenas um campo onde vai ser digitado um código e quando clicar no botão o usuário será redirecionado para a seguinte página: https://meusite.com.br/(codigodigitado)

 

A minha dúvida é como juntar a URL pré definida com o código que o usuário digitar, até tentei algumas soluções aqui mas não deram certo. Acredito que o erro esteja no JavaScript, se alguém poder me dar uma ajuda agradeço.

 

<!--FORMULARIO DE PREENCHIMENTO-->
<form action="" class="formRed" method="get" name="codRed">
	<label>
		<input id="codigo" class="form-inputs" type="text"/>
	</label>
        
		<input class="botao" type="button" value="Redirecionar"/>
</form>

<!--FUNÇÃO REDIRECIONAR-->
<script>
	script type="text/javascript">
		$().ready(function(){
			var botao = $(".botao");
  
			botao.on("click", function(){
			var cod = document.getElementById("codigo").value;
			location = 'https://meusite.com.br/'+cod;
		}
	}, false)
</script>

 

Postado

Olá!
Remova o form, pra evitar q ele seja submetido.
há algumas coisas estranhas no trecho js
Tente assim pra ver:

<label>
  <input id="codigo" class="form-inputs" type="text">
</label><input class="botao" type="button" value="Redirecionar"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><!--FUNÇÃO REDIRECIONAR-->
<script>
    $(document).ready(function () {
        let botao = $('.botao');

        botao.on('click', function () {
            let cod = $('#codigo').val();
            location = 'https://meusite.com.br/' + cod;
        })
    })
</script>

 

image.png

  • Obrigado 1
Postado

@washalbano como não sou expert em JavaScript tentei adaptar o código de outro botão que eu tinha criado, e acreditava que o botao.on seria necessário para realizar a função de redirecionar para o link.

 

Mas o seu código deu certo, obrigado pela ajuda!

  • Curtir 1

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!