Jump to content

Archived

This topic is now archived and is closed to further replies.

Mehow

Como passar para o proximo input apertando enter?

Recommended Posts

Procurei scripts para autotab mas não achei nenhum que passa para o próximo input quando aperta Enter, alguem tem algum script desse?

 

o autotab não está servindo pq nele usa um valor especifico de caracteres que ao serem digitados pula para o proximo input

quando se trata de notas podem ser quantidades diferentes de caracteres,então queria um que mudasse ao pressionar o Enter

 

PS: não sei programar em javascript

Share this post


Link to post
Share on other sites

Assim:

 

<html>
<body>

<script type="text/javascript">

	function EnterTab(InputId,Evento){

		if(Evento.keyCode == 13){		

			document.getElementById(InputId).focus();

		}

	}

</script>

<input type="editbox" id="input1" onkeydown="javascript:EnterTab('input2',event)">
<p>

<input type="checkbox" id="input2" onkeydown="javascript:EnterTab('input3',event)">
<p>

<input type="submit" id="input3">

</body>
</html>

Pergunta: Em qual navegador não funcionou?

Share this post


Link to post
Share on other sites

Testei seu código, quando da enter passa para o proximo input mas da submit no form... tem como não dar submit ao pressionar enter?

Share this post


Link to post
Share on other sites

No firefox funfou legal, só no ie que não. Mas pelo que vi isso é padrão do ie mesmo, acho que nem tem como adaptar.

Share this post


Link to post
Share on other sites

Cara, como não pode ser o TAB ?

Só mudar o Número do Evento pra 8(TAB), ao invés de 32(ENTER).

 

Quando o usuário terminar de digitar ele dá um TAB.

Agora se ele digitar a quantidade de caracteres permitidas, você trata... que quando for igual a quantidade máxima permitida você vai para o próximo campo.

Exemplo:

 

<script>
function pula(){
   var nome = document.form.nome;
   switch(nome.length){
       case 8:
          document.form.idade.focus(); 
       break;
   }
}
</script>

<form name='form'>
Nome: <input type='text' name='nome' maxlenght='8' />
Idade: <input type='text' name='idade' />
</form>   

Share this post


Link to post
Share on other sites

Cara, como não pode ser o TAB ?

Só mudar o Número do Evento pra 8(TAB), ao invés de 32(ENTER).

 

Quando o usuário terminar de digitar ele dá um TAB.

Agora se ele digitar a quantidade de caracteres permitidas, você trata... que quando for igual a quantidade máxima permitida você vai para o próximo campo.

Exemplo:

 

<script>
function pula(){
   var nome = document.form.nome;
   switch(nome.length){
       case 8:
          document.form.idade.focus(); 
       break;
   }
}
</script>

<form name='form'>
Nome: <input type='text' name='nome' maxlenght='8' />
Idade: <input type='text' name='idade' />
</form>   

Esse negócio de enter é idéia do patrão.. fazer oq rsrs

tbm acho melhor o tab, coloquei esse de autotab

 

valew

Share this post


Link to post
Share on other sites

Corrigi a função, tava com erro:

 

<script type='text/javascript'>
function pula(){
   var nome = document.form.nome;
   switch(nome.value.length){
       case 8:
          document.form.idade.focus(); 
       break;
   }
}
</script>

<form name='form'>
Nome: <input type='text' name='nome' maxlength='8' onkeypress="return pula()" />
Idade: <input type='text' name='idade' />
</form>

Share this post


Link to post
Share on other sites

Tem sim, da seguinte forma :D

 


<script type="text/javascript">

function Enter(idinput){
	if(event.keyCode == 13){
		document.getElementById(idinput).focus();     
		return false;           
	}
}

</script>


nome <input type="text" name="nome" id="nome" onkeyup="Enter('idade');"><br>
idade <input type="text" name="idade" id="idade" onkeyup="Enter('telefone');"><br>
Telefone <input type="text" name="Telefone" id="Telefone"><br>

 

Espero ter Ajudado !

Share this post


Link to post
Share on other sites

consegui um que deu certo, mas só funciona no IE

 

function TABEnter(oEvent){
  var oEvent = (oEvent)? oEvent : event;
  var oTarget =(oEvent.target)? oEvent.target : oEvent.srcElement;
  if(oEvent.keyCode==13)
    oEvent.keyCode = 9;
  if(oTarget.type=="text" && oEvent.keyCode==13)
    //return false;
    oEvent.keyCode = 9;
  if (oTarget.type=="radio" && oEvent.keyCode==13)
    oEvent.keyCode = 9;
}

onKeyDown="TABEnter()"

 

vlw

Share this post


Link to post
Share on other sites

consegui um que deu certo, mas só funciona no IE

 

function TABEnter(oEvent){
  var oEvent = (oEvent)? oEvent : event;
  var oTarget =(oEvent.target)? oEvent.target : oEvent.srcElement;
  if(oEvent.keyCode==13)
    oEvent.keyCode = 9;
  if(oTarget.type=="text" && oEvent.keyCode==13)
    //return false;
    oEvent.keyCode = 9;
  if (oTarget.type=="radio" && oEvent.keyCode==13)
    oEvent.keyCode = 9;
}

onKeyDown="TABEnter()"

 

vlw

 

Nesse código para funcionar no FF, é só trocar KeyCode por Which.

É para funcionar.

Share this post


Link to post
Share on other sites

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.