Почему вход возвращает пустой?

Question

У меня проблема с вводом, которая выглядит следующим образом:

1. При входе на экран, если у вас уже есть какие-то данные на входе и ввод с этими данными, значение возвращает меняпусто в js ..

2. Если ввод пустой и при наборе чего-либо первая цифра пуста.

<div class="form-group EGLF pb-3">
    <input type="text" id="FLUI" class="form-control FI EFLI" autocomplete="on" autofocus required>
    <label class="EFL">Usuário</label>
    <span class="EFHL"></span>
    <span class="EFBL"></span>
    <div class="FMFIFL mt-2 ml-1">Por favor, Insira um nome de usuário!</div>
</div>

window.addEventListener('load', () => {
    const username = document.getElementById('FLUI'),
        userPassword = document.getElementById('FLUPI');

    username.addEventListener('keypress', (event) => {
        if (username.value.length > 0) {
            const regexp = new RegExp(/[a-z]/g);
            console.log(username.value)
            console.log(regexp.test(username.value))
        }
    });
});

Answer 1

value обновляется после того, как обработано событие keypress.Это позволяет использовать preventDefault(), чтобы остановить обновление value.

Используйте событие keyup, если вы хотите запустить функцию после обновления value.