como pegar valor do input com link

[Hugo Borges_120734 6]

Bom galera, postei aqui pois acho que isso so da para resolver com javascript.

 

Vamos lá.

 

Tenho um form em 3 input:

 

1º- nome;

2º-idade;

3º-submit.

 

Bom se eu clicar no botão submit, o nome e idade são enviado ok. Porem preciso de um link ou botão que ao ser clicado envie apenas a idade.

 

Isso e uma forma resumida do que preciso, pois e a única forma de dar certo aqui na minha aplicação. Alguém sabe como posso fazer isso?

[Lucas Guima 164]

Tira o input do nome, exibe ele de outra forma.

[Hugo Borges_120734 6]

não pois o input esta em um formulário para ser preenchido pelo usuário

[Lucas Guima 164]

Pra que tu vai fazer o cabra preencher se tu não vai fazer nada com a informação?

[Hugo Borges_120734 6]

na verdade e assim, 1 formulário tem que ser enviado para link diferente, com 2 botões.

 

Se clicar no bt1 ele envia os dados para um link, se clicar no bt2 envia para outro link.

 

entendeu?

[Maykel-ctba 233]

Deixa o action vazio.

 

Dá um return false para não enviar o submit no on.submit.

 

Dependendo do ID do botão, atribui um action diferente, e "força" o submit via código novamente.

[Hugo Borges_120734 6]

Poderia fazer um código simples para eu entender melhor?

[Maykel-ctba 233]

Só porque estou muito bonzinho hoje! hahaha

 

* É só teoria. Não testei.

** Tem que ter o jQuery incluido na página

<script>
	$(function(){
		// * Ao clicar
		$('#formTeste').submit(function(){
			 e.preventDefault(); // * Cancela o submit
		});
		// * Determina qual submit foi clicado
		$("input[type=submit]").click(function() {
			if($(this).attr("id","btn01")){
				$("form").attr("action","pagina01.php");
			}
			else if($(this).attr("id","btn02")){
				$("form").attr("action","pagina02.php");
			}
			else if($(this).attr("id","btn03")){
				$("form").attr("action","pagina03.php");
			}
			$("form").submit(); // * Dá o submit
		});
	});
</script>
<form id="formTeste">
	<input type="submit" id="btn01" />
	<input type="submit" id="btn02" />
	<input type="submit" id="btn03" />
</form>

[Hugo Borges_120734 6]

Testei ele aqui e não deu certo, não importa o botão que eu clico, ele sempre chama o 1º link

if($(this).attr("id","btn01")){
				$("form").attr("action","pagina01.php");
			}

[wootzor 103]

Troca a condição dos if por:

if ($(this).attr("id") === "btn01") {
     $("form").attr("action", "pagina01.php";
} 
else if ($(this).attr("id") === "btn02") {
     $("form").attr("action", "pagina02.php");
} 
else if ($(this).attr("id") === "btn03") {
     $("form").attr("action", "pagina03.php");
}

[Hugo Borges_120734 6]

Assim não funcionou

<script>
	$(function(){
		// * Ao clicar
		$('#formTeste').submit(function(){
			 e.preventDefault(); // * Cancela o submit
		});
		// * Determina qual submit foi clicado
		$("input[type=submit]").click(function() {
			if ($(this).attr("id") === "btn01") {
     $("form").attr("action", "pagina01.php";
} 
else if ($(this).attr("id") === "btn02") {
     $("form").attr("action", "pagina02.php");
} 
else if ($(this).attr("id") === "btn03") {
     $("form").attr("action", "pagina03.php");
}
			$("form").submit(); // * Dá o submit
		});
	});
</script>

[wootzor 103]

Não funcionou provavelmente porque no evento submit do formulário não estás a passar o objecto e como argumento. Se verificares a consola do browser vais ter lá uma mensagem a dizer 'Uncaught ReferenceError: e is not defined'.

$('#formTeste').submit(function(e) {
   e.preventDefault(); // * Cancela o submit
});

Fica um exemplo.

[Hugo Borges_120734 6]

OK deu certo, ficou assim:

<script>
	
$(function() {

	  // * Ao clicar
	

	  // * Determina qual submit foi clicado
	  $("input[type=submit]").click(function() {
	    if ($(this).attr("id") === "btn01") {
	      $("form").attr("action", "http://www.google.com.br");
	    } else if ($(this).attr("id") === "btn02") {
	      $("form").attr("action", "http://facebook.com.br");
	    } else if ($(this).attr("id") === "btn03") {
	      $("form").attr("action", "pagina03.php");
	    }
	 
$("form").submit();

	  });
		



	});

</script>


<body>

<form id="formTeste">
  <input type="submit" id="btn01" />
  <input type="submit" id="btn02" />
  <input type="submit" id="btn03" />
</form>

Vlw obrigado