Input com limite de caracteres

[Tsubaru 1]

Como eu faço aqueles inputs, onde você digita X caracteres, e quando chega no limite ods caracteres do input, o cursor pula para o próximo input?

 

Tipo o de login do banco real.

[Wirapuru 0]

Isso é mais javascript, mas aí vai.. eu prefiro evitar ficar definindo ações inline na tag HTML do input, entao sempre defino funções e as chamo pelo evento..

 

javascript:

function pulaParaProximo(campoAtual, maximoChars, campoProximoId)
{
	if (campoAtual.value.length >= maximoChars)
		document.getElementById(campoProximoId).focus();
}

HTML:

<input type="text"  name="primeiro_campo" id="primeiro_campo" maxLenght="2" onkeyup="pulaParaProximo(this, 2, 'proximo_campo');">

<input type="text" name="proximo_campo" id="proximo_campo" maxLenght="4" onkeyup="pulaParaProximo(this, 4, 'proximo_campo_2');">

<input type="text" name="proximo_campo_2" id="proximo_campo_2" maxLenght="33" onkeyup="pulaParaProximo(this, 33, 'proximo_campo_X');">

(etc...)

pra produção final eu adicionaria um tanto de checks mas como o objetivo é mostrar a lógica mesmo é +/- isso ae, qualquer dúvida diga lá..

[brcontainer 16]

Vou mover para o forum correto.

 

movido de Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif javascript/dhtml