material

Наработки по JavaScript

Теги: Библиотеки, Веб-разработка, JavaScript

Числовой input

Скрипт преобразует указанные элементы input, блокируя ввод в них не числовых символов. Для активации скрипта необходимо вызвать метод init вложенного объекта, передав в него jQuery-объект контейнера, содержащего требуемый input. Все элементы input внутри контейнера будут преобразованы. Если параметр не передан, контейнером считается тег body. Пример вызова:

numInput.init(jQuery('div'));

Элементы, которые необходимо преобразовать, должны быть помечены специальным классом: numinput. Также, скрипт удобно настраивается посредством специальных атрибутов преобразуемого элемента:

  • data-min: минимальное значение
  • data-max: максимальное значение
  • data-inc: шаг изменения значения

Скрипт поддерживает изменение значения элемента при помощи стрелок, при этом, также, учитываются минимальная и максимальная границы, заданные соответствующими атрибутами. Пример разметки:

<div>
...<input class = "numinput" data-min = "0" data-max = "1000" data-inc = "5"/>
</div>
numInput.js
Скачать размер: 2.4kb

Несжатая версия скрипта. Пример его работы можно посмотреть здесь.

авторы: SpectreZ, SaiLight работа над проектом: 2017 год
выложено уже 40 проектов из 124 созданных команда Perfect Light, 2017 год