Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

erickhoepfner

Mudar cursor para o campo seguinte do formulário sem TAB ou Clique do

Por , em Javascript

Recommended Posts

erickhoepfner    0

erickhoepfner
Postado

Caros amigos,como é possível mudar de campo em um formulário, automaticamente após o preenchimento?Ou seja: O usuário tem que preencher a Matrícula e o Dígito.Dessa forma: 00000 - 0Logo: Campo1 (recebe os 5 primeiros dígitos) e o Campo2 (recebe apenas um dígito)O que quero é que após ele preencher o campo1 automaticamente o cursor vá para o campo2.Sem pressionar TAB ou clicar com o mouseÉ como preencher um campo de cpf em algus sites.Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

ta ai

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style>	label{		display:block;	}</style><script>	function setNext(obj){		if(obj.value.length == obj.maxLength){			document.forms["frmUsuario"].elements[obj.tabIndex+1].focus();		} 	}</script></head><body><form action="#" name="frmUsuario" id="frmUsuario"><label for="nome">Nome:</label><input type="text" name="nome" id="nome" size="10" maxlength="10" onkeyup="setNext(this);" /><label for="sobrenome">Sobrenome:</label><input type="text" name="sobrenome" size="10" maxlength="10" id="sobrenome" /><br clear="all"><button type="button" id="btnEditar">Editar</button><button type="button" id="btnGravar">Gravar</button></form></body></html>

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

erickhoepfner    0

erickhoepfner
Postado

ta ai

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style>	label{		display:block;	}</style><script>	function setNext(obj){		if(obj.value.length == obj.maxLength){			document.forms["frmUsuario"].elements[obj.tabIndex+1].focus();		} 	}</script></head><body><form action="#" name="frmUsuario" id="frmUsuario"><label for="nome">Nome:</label><input type="text" name="nome" id="nome" size="10" maxlength="10" onkeyup="setNext(this);" /><label for="sobrenome">Sobrenome:</label><input type="text" name="sobrenome" size="10" maxlength="10" id="sobrenome" /><br clear="all"><button type="button" id="btnEditar">Editar</button><button type="button" id="btnGravar">Gravar</button></form></body></html>
the void
Muito obrigado!Funcionou!Valeeeuuuuu!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito