Ir para conteúdo
Fórum Script Brasil
  • 0

Pulo Automático De Campos


ldrwebsite

Pergunta

Olá, queria saber um coisa, tenho um formulário com três caixas de texto, a primeira aceita apenas um dígito, a segunda aceita três e a última aceita quatro dígitos, como eu faço para que ao preencher o número de dígitos da primeira caixa o cursor mude automaticamente para a segunda e assim por diante?

Link para o comentário
Compartilhar em outros sites

12 respostass a esta questão

Posts Recomendados

  • 0

O ideal seria transferir para Javascript. Segue um script que eu utilizo, e já está no exemplo que você precisa.

<script LANGUAGE="JavaScript">

var isNN = (navigator.appName.indexOf("Netscape")!=-1);
function autoTab(input,len, e) {
var keyCode = (isNN) ? e.which : e.keyCode; 
var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];
if(input.value.length >= len && !containsElement(filter,keyCode)) {
input.value = input.value.slice(0, len);
input.form[(getIndex(input)+1) % input.form.length].focus();
}
function containsElement(arr, ele) {
var found = false, index = 0;
while(!found && index < arr.length)
if(arr[index] == ele)
found = true;
else
index++;
return found;
}
function getIndex(input) {
var index = -1, i = 0, found = false;
while (i < input.form.length && index == -1)
if (input.form[i] == input)index = i;
else i++;
return index;
}
return true;
}
</script> 

<form method="POST" action="" name="teste">

<INPUT TYPE="Text" NAME="campo1" SIZE="3" MAXLENGTH="1" onKeyUp="return autoTab(this,1, event);">
<INPUT TYPE="Text" NAME="campo2" SIZE="5" MAXLENGTH="3" onKeyUp="return autoTab(this,3, event);">
<INPUT TYPE="Text" NAME="campo3" SIZE="6" MAXLENGTH="4" onKeyUp="return autoTab(this,4, event);">

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...