Как в JS запретить ввод символов «e», «-» в input и сделать ограничение на максимальное вводимое число?

Question

[mr_blond97]

Как в JS запретить ввод символов "e", "-" в этом input'е и сделать ограничение на максимальное вводимое число 100?

И сразу ответ:

<input type="text" maxlength="2" onkeydown="javascript: return ((event.keyCode>07)&&(event.keyCode<58));>

Comments

[Иван Соломенников]

"e" кириллицей или латиницей?

Answer 1

[Иван Антонов]

<input type="text" onkeydown="return specialText(this, event)">

function specialText(element, event)
{
    if (
      event.keyCode == 69 || 
      event.keyCode == 189 || 
      element.value.length >= 100
    ) {
    	return false;
    }
}

или

<input type="text" maxlength="100" onkeydown="if (event.keyCode == 69 || event.keyCode == 189) return false">

Comments

[mr_blond97]

только в таком случае кроме цифр в инпат можно писать и буквы. как проще разрешить ввод одних лишь цифр?

Answer 2

[Иван Соломенников]

Можно в данном случае js в покое оставить и воспользоваться штатными атрибутами maxlength и pattern.

<input type="text" pattern="\d{1,2}|100" maxlength="3">

UPD
Только для цифр в диапазоне от 0 до 100.

Comments

[mr_blond97]

только в таком случае кроме цифр в инпат можно писать и буквы. как проще разрешить ввод одних лишь цифр?

[Иван Соломенников]

mr_blond97: Писать можно, но когда пользователь будет нажимать кнопку "отправить" ему будет браузер выкидывать сообщение о соблюдении данных в указанном формате. Другими словами кроме цифр от 0 до 100, пользователь ничего не сможет ввести что может быть отправлено формой.

[Алексей A]

mr_blond97: А вообще, никогда не доверяй данным, которые пришли с клиента!
Если это что-то простое (типа, калькулятора), то тогда можно. Но если нужна обработка таких данных, лучше всё проверять на сервере, а не на клиенте (тогда можно не париться с клиентом).

[Иван Соломенников]

Алексей A: Это должно быть как "дефакто" перед отправкой на сервер.

[Иван Соломенников]

mr_blond97: Также добавлю, что можно с помощью события input слушать элемент формы и в зависимости от корректности введённых данных пользователем выполнять какие-либо действия.
Например кидать alert, будет по моему очень раздражительно для заполняющего форму, поэтому всё же разумнее ему сообщить перед отправкой формы.
Дальше уже фильтровать конечно же на сервере.

[Иван Соломенников]

mr_blond97: И хорошо бы конечно перед вводом, пользователю показать инструкции того, какими данными должен заполняться элемент формы.