Валидация input, если введён неверный символ, то остановить ввод, до правильного символа. Как можно сделать?

Question

[ganbatte]

Например у этого input останавливается когда будет 2 символа. Или же как можно получить нажатую символ до появления в input и валидировать нажатый символ и если что остановить?
Функция валидации будет в функции javascript.
<input type="text" maxlength=2>

Answer 1

[Danny Arty]

Ну например так, если можно вводить только цифры и удалять любые другие символы.
В первом варианте ненужные символы удаляются, а во втором идет проверка при нажатии, т.е. они даже не вводятся.

Comments

[SheikhRamil]

Плохо работает

[Danny Arty]

Ramil_ Bayramov_, что именно и когда?

[SheikhRamil]

Danny Arty, на фоне когда быстро печатаешь буквы не удаляются

[Danny Arty]

Ramil_ Bayramov_, проверил с разных устройств, везде норм работает

Answer 2

[Алексей Скляров]

Очень примитивный способ:


В данном примере мы берем каждый вводимый символ e.key и проверяем его e.key !== '1'. Если введенный символ не является единицей, то он не вводится, иначе - вводится if (e.key !== '1') return false;. Вместо проверки условия с единицей, вы можете указать, например свою функцию валидации: if (keyValidation(e.key)) return false;

Comments

[SheikhRamil]

НЕ KEY а String.fromCharCode(e.charCode) - сперва чем давать советы
1.Сам убедись что правильно говоришь
2.Проверь что ты написал! У тебя не работает!

[Алексей Скляров]

Ramil_ Bayramov_, что не работает? задача была проверять каждый вводимый символ, данный код это и выполняет

[SheikhRamil]

Алексей Скляров, на фоне не работает

Answer 3

[anikavoi]

<input type="text" maxlength=2 onInput="chFunc(this);">

И в функции chFunc проверять