Tryit Editor v2.7

Edit This Code:
<!DOCTYPE html>
<html>
<body>

<p>This script automatically jumps to the next text field when a field's maxlength has been reached:</p>

<form id="myForm">
<input type="text" size="3" tabindex="1" maxlength="3" onkeyup="myFunction(this,this.value)"> -
<input type="text" size="2" tabindex="2" maxlength="2" onkeyup="myFunction(this,this.value)"> -
<input type="text" size="3" tabindex="3" maxlength="3" onkeyup="myFunction(this,this.value)">
</form>

<script>
function myFunction(x, y) {
    if (y.length == x.maxLength) {
        var next = x.tabIndex;
        if (next < document.getElementById("myForm").length) {
            document.getElementById("myForm").elements[next].focus();
        }
    }
}
</script>

</body>
</html>