×
Ir ao conteúdo
  • Cadastre-se

Javascript Passar input de formulario para URL e redirecionar


Posts recomendados

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>

 

Link para o comentário
Compartilhar em outros sites

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
Link para o comentário
Compartilhar em outros sites

@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
Link para o comentário
Compartilhar em outros sites

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

Aprenda a ler resistores e capacitores

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!