Pasar el foco de caja en caja de texto

[juansemaster]

Hola tengo 10 cajas de texto en un formulario, en los cuales solo se pueden ingresas una letra.

caja1, caja2, caja3, ...

Como puedo hacer para que al ingresar una letra en la primera caja el foco pase automaticamente a la caja 2 y así sucesivamente.

[Alexis88]

Utiliza el evento keydown o input para detectar la pulsación e ingreso del carácter en la caja de texto; luego, verifica que la longitud del valor de la misma sea igual a uno y, si es así, procedes a tomar a la siguiente caja de texto utilizando el método .nextElementSibling() y, finalmente, le asignas el enfoque.

[juansemaster]

Tenga la caja de texto configurada para que solo se pueda ingresar un caracter con maxLength 1

Tengo este javascript bastante simple que funciona aunque debería mejorarlo dado que presenta algunos problemas.

Código Javascript:

<script language="javascript">
function fAgrega(puesto)
{
document.getElementById("letra"+puesto).focus();
}
</script>
 

Código PHP:

<INPUT style="text-align:center;" class="campos" value="" maxLength="1" size="3" id="letra$j" onkeyup="fAgrega($h);">
 

$j es en el numero del la caja de texto.
$h es el numero de la siguiente caja.

El problema es cuando escribo rapido en las caja de texto aveces quedan cajas vacias intermedias, tendria que buscar algo para comprobar que se lleno el value.

[Alexis88]

Puedes utilizar el evento blur el cual se produce cuando un elemento pierde el enfoque. En ese instante, puedes corroborar si la caja de texto contiene información.