Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Pular para o próximo campo quando completo

11-04-2010 17:13

Esse script faz com que ao ser preenchido um input e completo o tamanho de caracteres permitido, o foco vá para o outro input de forma automática.

<script> function proximoCampo(atual,proximo){ if(atual.value.length >= atual.maxLength){ document.getElementById(proximo).focus(); } } </script>


<form> <input type="text" maxlength="1" id="campo1" value="" onkeyup="proximoCampo(this, 'campo2')"> <input type="text" maxlength="2" id="campo2" value="" onkeyup="proximoCampo(this, 'campo3')"> <input type="text" maxlength="3" id="campo3" value="">

1
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2
Sexo: Masculino

Pular para o próximo campo quando completo

01-08-2013 09:17

Bom dia Colega,
ao tentar debugar o codigo do programa no visual studio, aparece a seguinte mensagem:

Erro em tempo de execução do Microsoft JScript : 'document.getElementById(...)' é nulo ou não é um objeto.

Está assim meu código:

<asp:TextBox ID="TextBox2" onkeyup = "proximoCampo(this, 'TextBox3');" onkeypress = "proximoCampo(this, 'TextBox3');" runat="server" MaxLength="4" Width="38px"></asp:TextBox>   <asp:TextBox ID="TextBox3" onkeyup = "VerificaNum(this);"  runat="server" Width="15px" MaxLength="2"></asp:TextBox>

0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Pular para o próximo campo quando completo

01-08-2013 09:28

É possível fazer isso só no html

<form> <input type="text" maxlength="1" id="campo1" value="" onkeyup="if(this.value.length >= 1) { campo2.focus(); }"> <input type="text" maxlength="2" id="campo2" value="" onkeyup="if(this.value.length >= 2) { campo3.focus(); }"> <input type="text" maxlength="3" id="campo3" value=""> </form>

0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2
Sexo: Masculino

Pular para o próximo campo quando completo

01-08-2013 10:34

Amigo obrigado pela ajuda, quando mudei agora do jeito que você disse, ainda apareceu uma mensagem dizendo que o objeto não existia, isto é, o id do textbox estava mudando, ficando assim MainContent_TextBox3, acrescentando esse MainContent_ na frente do id.

Funcionou agora, o meu ficou assim, mas vou ajeitar o arquivo mascara.js

<input type="text" maxlength="1" id="campo1" value="" onkeyup="if(this.value.length >= 4) { MainContent_TextBox3.focus(); }">

0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Pular para o próximo campo quando completo

01-08-2013 10:46

Blz.

Pode se usar também o name ao invés do id.

<form> <input type="text" maxlength="1" name="campo1" value="" onkeyup="if(this.value.length >= 1) { campo2.focus(); }"> <input type="text" maxlength="2" name="campo2" value="" onkeyup="if(this.value.length >= 2) { campo3.focus(); }"> <input type="text" maxlength="3" name="campo3" value=""> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Google [Bot]