2

Форма, много инпутов, с определенной максимальной длинной. Как при заполнении отдого инпута (допустим 10 из 10 знаков) сделать так, чтобы курсор автоматом перепрыгнул на следующий инпут? При этом, если следующий уже заполнен (с такими же правилами перехода) еще на следующий инпут, курсор не перескакивал?

Добавлено.

Не могу применить.

<td>
<input  type="text" maxlength="4" size="4" onkeyup="testJump(this)" style="width:80px;height:28px;font-size:20px;">
</td>

<input  type="text" maxlength="4" size="4" onkeyup="testJump(this);" style="width:80px;height:28px;font-size:20px;">
</td>

<td style="padding-left:5px;">
<input  type="text" maxlength="4" size="4" onkeyup="testJump(this);" style="width:80px;height:28px;font-size:20px;">
</td>

<td style="padding-left:5px;">
        <input  type="text" maxlength="4" size="4" onkeyup="testJump(this);" style="width:80px;height:28px;font-size:20px;">
</td>
1
  • понял)тут не расчитано под разные ячейки)
    – user4607
    8 ноя 2011 в 2:41

1 ответ 1

11
<script>
function testJump(x){
    var ml = ~~x.getAttribute('maxlength');
    if(ml && x.value.length >= ml){
        do{
            x = x.nextSibling;
        }
        while(x && !(/text/.test(x.type)));
        if(x && /text/.test(x.type)){
            x.focus();
        }
    }
}
</script>

<div>
    <input type="text" onkeyup="testJump(this);" maxlength="5" size="5">
    <input type="text" onkeyup="testJump(this);" maxlength="4" size="4">
    <input type="text" onkeyup="testJump(this);" maxlength="7" size="7">
    <input type="text" onkeyup="testJump(this);" maxlength="5" size="5">
</div>

Функция работает только для элементов с type="text". Можете переписать проверку условия и способ навешивания onkeyup на элементы.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.