Как запретить ввод в форму определенных символов
Тэги: javascript addEventListener javascript preventDefault form form input
📅10-08-2018 👁395
Пример, есть html форма:
<input id="t1">
Задача - не допускать чтобы в форму ввели пробел. То есть можно все символы кроме пробела.
Применим js код:
document.querySelector("#t1").addEventListener("keydown", function(ev) { if(ev.keyCode == 32) ev.preventDefault();} );
Здесь мы слушаем форму, и через event смотрим события и какой код кнопки нажат. Если нажат код кнопки пробела 32, то предотвращаем нажатую клавишу и не показываем ее в форме.
Таким же образом можно проверять чтобы вводили только русские или латинские буквы, нужно изменить условие if.
Также не забывайте что форму можно послать и не через сайт, поэтому в php обработчике еще раз нужно проверять наличие пробела или запрещенных к вводу символов.
Ранее, до способа прослушки события addEventListener можно было использовать конструкцию onkeydown ="" прямо в теге input, и тогда чтобы не возвращать нажатую клавишу мы бы записали вместо preventDefault возврат из функции return false;
Оставить свой ответ: