I used below HTML and JavaScript code...and it is working as expected:
First TextBox
<input id="TXTSUP" type="text" maxlength="5" onkeyup="checkSUP()" />
Second TextBox
<input id="TXTPHE" type="text" />
<script type="text/javascript">
function checkSUP() {
var maxCharForTXTSUP = document.getElementById("TXTSUP").getAttribute("maxlength");
var numbersOfChar = document.getElementById("TXTSUP").value.length;
if (numbersOfChar < maxCharForTXTSUP) {
document.getElementById("TXTSUP").focus();
}
else {
document.getElementById("TXTPHE").focus();
}
}
</script>
Just a caution...Do not use "value" attribute of input tags...It may add additional characters to length which we are getting in below line:
var numbersOfChar = document.getElementById("TXTSUP").value.length;