Есть 2 поля:
<input name="name12" type="text" size="4" maxlength="3"/>
<input name="name13" type="text" size="7" maxlength="7"/>
Подскажите как сделать так, чтобы при вводе текста в name12 достигнуто значение maxlength, курсор бы переносился в след поле name13 и наоборот, если удалить все символы из name13, курсор бы переносился в поле name 12?
Как такое сделать?
P.S.: наткнулся на код js, но это не совсем то, т.к. использует maxlenght одно для всех, а мне нужно чтобы проверялось maxlength каждого поля...
<html>
<head>
<script>
function check(obj) {
if (obj.value.length == 4) {
var next = obj.nextSibling;
while(next.nodeType != 1 && next.nextSibling)
next = next.nextSibling;
if (next.nodeType == 1)
next.focus();
}
}
</script>
</head>
<body>
<input type="text" size="4" maxlength="4" onkeyup="check(this);" /> -
<input type="text" size="4" maxlength="4" onkeyup="check(this);" /> -
<input type="text" size="4" maxlength="4" onkeyup="check(this);" /> -
<input type="text" size="4" maxlength="4" onkeyup="check(this);" />
</body>
</html>