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


Moderador: web

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

Pulando de campo no formulário

21-01-2007 02:08

Vamos aprender nesse artigo como pular o campo do formulário quando uma quantidade de caracteres for digitada.
vamos ao exemplo do código:

<script> function muda() { if(document.form.campo1.value.length == 5) { document.form.campo2.focus() } if(document.form.campo2.value.length == 5) { document.form.campo3.focus() } } </script>


<form action="http://www." method="post" name="form"> <input type="text" name="campo1" maxlength="5" onKeyDown="muda()"> <input type="text" name="campo2" maxlength="5" onKeyDown="muda()"> <input type="text" name="campo3" maxlength="5"> <input type="submit" id="submit" value="enviar"> </form>

no if ( if(document.getElementById('campo1').value.length == 5) { ) dizemos o seguinte:
no documento, aí, pegamos o valor do primeiro campo pelo getEle..., quando esse valor for igual a 5, irá dar um foco no campo2 do formulário, em seguida no próximo if dizemos quando o mesmo tiver 5 caracteres dê um focus no campo3.

carregamos essa função muda() pelo onKeyDown ( ação que ocorre quando pressionamos alguma tecla no teclado ).
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado