Главная Заметки Как разрешить вводить в input только цифры на jQuery?

Как разрешить вводить в input только цифры на jQuery?

В input только цифры

Привет!

Давно я не оставлял каких-нибудь полезных заметок, так что пора бы это сделать. Сегодня я расскажу всем любителям веб программирования, как сделать так, чтобы пользователь не мог вводить никакой другой информации в input кроме цифр. Тоже довольно распространенная проблема.

Предположим, что нам необходимо вводить в input типа text какое-то число. Может у нас калькулятор, или просто поле, в которое необходимо указать Ваше любимое число. Так или иначе раньше люди занимались фигней, и просто делали кучу проверок.

Если введенная информация оказывалась не числом, тогда вылезали ошибки, предупреждения. Проблема в том, что люди и по сей день так поступают. А зачем, если можно просто запретить вводить в input числа?

Алгоритм такой - не секрет, что у каждой кнопки есть свой личный код, по которому компьютер и понимает, что за кнопка была нажата. Это так называемые key-коды. Суть в том, чтобы запретить вводить в input информацию с любых кнопок, кроме тех, чьи key-коды находятся в определенном промежутке.

Как разрешить вводить в input только цифры?

Ниже я приведу готовый код, который реализует приведенный мною алгоритм.

Допустим у нас есть input поле с id="wpguru_field".

Вот и весь код. Добавил комментариев для наглядности, чтобы понимали где и что. Если понадобится отключить какую-то кнопку, либо добавить, например, пробел, тогда просто посмотрите в интернете, какой key-код подходит для пробела. И просто добавьте еще одну проверку.

А так по сути все самое важное я подключил. Все, теперь Вы знаете как можно разрешить вводить в input только цифры! Моя миссия выполнена.

Желаю успехов!

Полезные статьи Вам на почту!

Нас более 700 человек!

Комментарии

vladimir
0

Привет. Я с программированием на ВЫ, но благодаря такому объяснению даже я понял, как это работает. Жалко, что мне в ближайшее время это не пригодится, но очень интересно знать, как и что работает. Побольше бы таких полезных статей. Спасибо 🙂

29.02.2016
1

Пожалуйста) Таких это каких? Полезных, или где я объясняю алгоритм каких-то функций?)

01.03.2016
vladimir
0

Имел ввиду вообще полезных) на большинстве блогов чёрт знает что пишут. Подписываешься на сео блог, а тебе вместо этого сыплют рекламу, конкурсы, рассказы о том, как прошла поездка на море и тд. По делу ничего. А вот на Вашем блоге как раз то что надо) просто редко статьи выходят. Я бы хоть каждый день читал. Я к этому говорил 🙂

15.03.2016

Оставить комментарий

Поделиться