Как убедиться, что пользователь вводит символы в текстовое поле?

Question

Это поле требует ввода символов в текстовое поле, однако прямо сейчас пользователь может ввести один символ и все еще двигаться дальше. Я хочу создать предупреждающее сообщение, которое будет всплывать, если пользователь вводит только один символ, а затем, когда они нажимают «ОК», он должен вернуть их в это же текстовое поле, пока они не введут второй символ. Как мне это сделать?

function validatemycode() {
    $('datagroup').on('keyup', 'input[id^="datagroup_1"]', function () {
        if (!this.value){
            alert('You must enter two characters.');
        }
    })
}

Answer 1

Для повышения удобства использования не следует показывать диалоговое окно с предупреждением об ошибках, подобных этой. Вместо этого вы должны сообщить пользователю, что требуется минимум 2 символа, и пометить поле как недопустимое (например, красная рамка и текст предупреждения) и запретить отправку формы, пока она не станет действительной.

Но чтобы ответить непосредственно на ваш вопрос, вам лучше использовать blur и проверить длину введенного текста.

function validatemycode() {
    $('datagroup').on('blur', 'input[id^="datagroup_1"]', function () {
        if (this.value.length < 2){
            $('datagroup').focus();
            alert('You must enter two characters.');
        }
    })
}