Нажмите кнопку входа после того, как поле достигнет максимальной длины

Question

Нажмите кнопку входа после того, как поле достигнет максимальной длины

0

Я получил форму входа, maxlength empNum и ssn равно 4. Вот мой код HTML:

<input type="text" id="empNo" name="empNo" style="width: 90px; margin-left: 10px" maxlength="4" onkeyup="nextField(this, 'ssn')"/>
<input type="text" id="ssn" name="ssn" style="width: 90px; margin-left: 10px" maxlength="4" onkeyup="nextField(this, 'submit')"/>
<input type="submit" class="btn btn-success"
                           style="font-weight: bold;display: inline; margin-top: 5px;"
                           value="Login">

JavaScript:

function nextField(current, nextFieldID) {
    if (current.value.length >= current.maxLength) {
        document.getElementById(nextFieldID).focus();
    }
}

Это означает, что когда я заполняю empNum с 4 символами, он автоматически вводит в поле ssn. Как я могу заполнить 4 символа ssn, это будет автоматический вход, а не нажмите кнопку входа в систему.

Kuc Ku 09 май 2014, в 05:58

Источник

Теги:

javascript

jquery

jquery-ui

1 ответ

Ещё вопросы

Felix · Accepted Answer · 2014-05-09T02-04-00.000Z

Попробуй использовать:

$('#ssn').keyup(function() {
    if(this.value.length == this.maxLength) {
        $('input[type="submit"]').click();
    }
})

Демо-версия скрипта

Спасибо, но я сохраняю этот код? onkeyup = "nextField (this, 'submit')", я попробовал ваш код, но он не работает, даже если я удалил onkeyup = "nextField (this, 'submit')".
Вы проверили мое демо? Не используйте встроенный обработчик событий, когда вы используете jQuery.
Конечно, это работает, я получил о проверке правильного решения, извините за это и спасибо за помощь.