Как запретить ввод в поле input всего кроме цифр Leave a comment

Очень часто стоит задача когда необходимо запретить вводить в поле input любые символы, кроме цифр, например что бы уберечь пользователя от неверного указания количества покупаемого товара в интернет магазине. Для решения поставленной задачи есть несколько способов:

  • Использовать поле input с типом number (это решение не всегда удобно)
  • Использовать JavaScript или библиотеку  jQuery к нему

Итак ниже код простой функции которая разрешит ввод в поле input только цифры:

Суть простая:

  • Вешаем обработчик на события change, keyup, input — что бы отлавливать действия с input
  • Если в водимых значениях есть цифры, то берём их и переводим в тип int
  • Последнее — не даём вводить 0 и предотвращаем возможные ошибки

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *