Preencher um campo e ir para o proximo! Como?

[shumi 0]

Galera,beleza??Como eu faço para que quando o usuario preencha um campo de por exemplo 2 digitos, sem ele ter que ir com o mouse ou apertar tab no teclado ir para o proximo campo???Valeu!!!!!

[shumi 0]

Olha o chato aqui novamente...Usei esse script

<script language="JavaScript" type="text/JavaScript">function SaltaCampo(campo,prox,teclapres){	var tecla = teclapres.keyCode ? teclapres.keyCode : teclapres.which ? teclapres.which : teclapres.charCode;	if (tecla == 13){  document.form[prox].select(); //se não quiser o foco, desabilite!  document.form[prox].focus();	}}</script><form name="Teste" id="Teste" method="post" autocomplete="off"><input name="total_de_frentes" type="text" id="total_de_frentes" size="5" onKeyup="SaltaCampo('total_de_frentes','frentes_do_concorrente',event)">

e deu erro

'document.form' é nulo ou não é objeto

e usei esse abaixo tb e funcionou se eu apertar a tecla enter... tem como eu determinar um numero de caracter e quando a pessoa digitar esse numero ele passe para o outro campo???

<script type="text/javascript">function handleEnter (field, event) {var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;if (keyCode == 13) {var i;for (i = 0; i < field.form.elements.length; i++)if (field == field.form.elements[i])break;i = (i + 1) % field.form.elements.length;field.form.elements[i].focus();return false;}elsereturn true;}</script><input name="nome" type="text" onkeypress="return handleEnter(this, event)">

Valeu!!!!!

[shumi 0]

O que quer dizer:- O objeto não dá suporte a propriedade ou metodo???valeu

[shumi 0]

Da uma zoiada

eu fiz assim:

 

<script language="JavaScript" type="text/JavaScript">function SaltaCampo(campo,prox,teclapres){	var tecla = teclapres.keyCode ? teclapres.keyCode : teclapres.which ? teclapres.which : teclapres.charCode;	if (tecla == 13){  document.form[prox].select(); //se não quiser o foco, desabilite!  document.form[prox].focus();	}}</script>

e no form eu fiz assim:

 

<form method="POST" name="form" id="form" autocomplete="off"><input name="total_de_frentes" type="text" id="total_de_frentes" size="5" onKeyup="SaltaCampo('total_de_frentes','frentes_do_concorrente',event)"><input name="frentes_do_concorrente" type="text" id="frentes_do_concorrente" size="5" onKeyup="SaltaCampo('frentes_do_concorrente','nossa_frentes',event)"><input name="nossa_frentes" type="text" id="nossa_frentes" size="5">

e deu esse erro, mas sera que tudo que eu for fazer vai ficar dando erro? http://forum.imasters.com.br/public/style_emoticons/default/cry.gif que saco...

 

valeu!!!!

[Fleury 3]

O que quer dizer: - O objeto não dá suporte a propriedade ou metodo???

Quer dizer que ele não achou o objeto!

 

Na verdade, isso quer dizer que ele não encontrou o atributo ou a função que você está chamando.

Ou seja, quando se chama

document.form[prox].focus();

e dá esse erro significa que ele não encontrou a função focus(). No nosso caso, podemos dizer com certeza que essa função existe no objeto do tipo text. Podemos concluir então que se ele não encontrou essa função, é porque está chamando esta função a partir de outro objeto.

Veja bem, form[prox] não existe então o que ele está tentando fazer é a mesmo coisa que:

document.undefined.focus();

Agora sim! Realmente undefined não tem a função focus() e com isso o interpretador do JS na verdade fala de modo simples assim:

"Olha, seu objeto form[prox] não existe e por isso ela é undefined. Então eu tentei acessar a função focus do seu objeto undefined mas não achei essa função nela. Então undefined não dá suporte a esse método.

Espero que tenha ficado fácil de entender.

 

Para resolver esse problema, primeiro mude o nome de form para meuForm. Isso porque form é uma palavra reservada do JS. Chamando form, você não está chamando o seu objeto formulário e sim uma classe nativa do JS. Depois verifique se os nomes dos proximos campos estão inseridos estão corretamente.

[shumi 0]

nossa Valeu pela aula!!!

 

Mudei o nome do meu form para Meuform e deu o erro document.form é nulo ou não é um objeto.

 

Fiz assim:

 

<script language="JavaScript" type="text/JavaScript">function SaltaCampo(campo,prox,teclapres){	var tecla = teclapres.keyCode ? teclapres.keyCode : teclapres.which ? teclapres.which : teclapres.charCode;	if (tecla == 13){  document.form[prox].select(); //se não quiser o foco, desabilite!  document.form[prox].focus();	}}</script>

e no form

 

<form method="POST" name="Meuform" id="Meuform" autocomplete="off"><input name="total_de_frentes" type="text" id="total_de_frentes" size="5" onKeyup="SaltaCampo('total_de_frentes','frentes_do_concorrente',event)"><input name="frentes_do_concorrente" type="text" id="frentes_do_concorrente" size="5" onKeyup="SaltaCampo('frentes_do_concorrente','nossa_frentes',event)"></td><input name="nossa_frentes" type="text" id="nossa_frentes" size="5"></td>

Obrigado!

[Fleury 3]

então, agora você tem mudar ali também... olha:

<script language="JavaScript" type="text/JavaScript">function SaltaCampo(campo,prox,teclapres){	var tecla = teclapres.keyCode ? teclapres.keyCode : teclapres.which ? teclapres.which : teclapres.charCode;	if (tecla == 13){  document.MeuForm[prox].select(); //se não quiser o foco, desabilite!  document.MeuForm[prox].focus();	}}</script>

Se não der, tente isso:

<script language="JavaScript" type="text/JavaScript">function SaltaCampo(campo,prox,teclapres){	var tecla = teclapres.keyCode ? teclapres.keyCode : teclapres.which ? teclapres.which : teclapres.charCode;	if (tecla == 13){  eval('document.MeuForm.'+prox+'.select()'); //se não quiser o foco, desabilite!  eval('document.MeuForm.'+prox+'.focus()');	}}</script>

[shumi 0]

o primeiro script deu o erro:

document.meuForm é nulo ou não é um objeto

o segundo deu o erro:

document.meuForm.frentes_do_concorrente é nulo ou não é um objeto

Tem algum lugar mais que preciso alterar???Valeu!

[Fleury 3]

O JavaScript é sensivel a maiusculas e minusculas.Seu form se chama MeuForm e no javascript você está chamando meuFormBasta alterar

[shumi 0]

Ixi Agora deu

O objeto não dá suporte para a propriedade ou método

olha como está:

<script language="JavaScript" type="text/JavaScript">function SaltaCampo(campo,prox,teclapres){	var tecla = teclapres.keyCode ? teclapres.keyCode : teclapres.which ? teclapres.which : teclapres.charCode;	if (tecla == 13){  eval('document.Meuform.'+prox+'.select()'); //se não quiser o foco, desabilite!  eval('document.Meuform.'+prox+'.focus()');	}}</script>

<form method="POST" name="Meuform" id="Meuform" autocomplete="off"><input name="total_de_frentes" type="text" id="total_de_frentes" size="5" onKeyup="SaltaCampo('total_de_frentes','frentes_do_concorrente',event)"><input name="frentes_do_concorrente" type="text" id="frentes_do_concorrente" size="5" onKeyup="SaltaCampo('frentes_do_concorrente','nossa_frentes',event)"><input name="nossa_frentes" type="text" id="nossa_frentes" size="5">

Valeu!!!!

[Fleury 3]

Amigo, eu testei aqui e funcionou tanto no IE quanto no Firefox exatamente esse código que você acabou de postar. Está ok...O problema está em alguma outra coisa.

[shumi 0]

Deu certinho cara!!!!

 

valeu!!!!!!!!!!!!!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Valeu Fleury tb!!!!!!!!!

 

valeu Galera!!!!!