Input и кратность содержимого поля

@Pepeka · Регистрация: 15.01.2014

Студворк — интернет-сервис помощи студентам

Суть проблемы - необходмо, чтобы в поле Input были только значения чисел, кратные 100!

Сейчас редактирование поля ручками запрещено с помощью "disabled", исходное значение в поле равно 100-м:

<input type="text" value="100" class="count" disabled>

...и дополнительный HTML код + Jquery скрипт выводят рядом с полем кнопки "-" и "+", которые при нажатии на них меняют значение содержимого поля на -100 или +100. В целом это решает вопрос кратности, но если человеку нужно "вбить" очень большое число, например 95000, то для этого ему нужно нажать на "+" 950 раз! А это не дело...

Поэтому, все-таки необходим скрипт, который при выходе из поля (потери фокуса или еще как-то по завершению пользователем работы с содержимым поля) - округлял значение вбитого содержимого до целых сотен.

Как это сделать на Jquery? Помогите плиз!

@Silver22 · 08.10.2015, 22:46

Pepeka,

JavaScript
1
2
3
4
$('input').change(function(){
    var val = $(this).val();
    $(this).val(Math.round(val/100)*100);
})

@Vadim_Lasso · 08.10.2015, 23:13

Например так
https://jsfiddle.net/znjncz36/

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="ru">
    <head> 
        <meta charset="utf-8">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    </head>
<body>
    <form action="">
        <input type="text" value="100" class="count" name="count" />
        <input type="button" value="-" name="op-minus" />
        <input type="button" value="+" name="op-plus" />
    </form>
    <script type="text/javascript">
        $(function() {
            
            var multiplicity = 100;
            var inputCount = $('input[name="count"]');
            var inputOperations = $('input[name^="op"]');
            
            var mathItUp = {
                '+': function (x, y) { return x + y },
                '-': function (x, y) { return x - y }
            };
            
            inputOperations.on('click', function() {
                var countCurrent = inputCount.val();
                var countUpdated = mathItUp[$(this).val()](parseInt(countCurrent), multiplicity);
                inputCount.val(countUpdated);
            });
            
            inputCount.on('mouseout', function() {
                var countCurrent = inputCount.val();
                var countUpdated = Math.round(countCurrent / multiplicity) * multiplicity;
                inputCount.val(countUpdated);
            });
        });
    </script>
</body>
</html>

@Pepeka · 09.10.2015, 00:09 **[ТС]**

Всем спасибо за помощь! Код от Silver22 применил, вопрос решён!

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@Pepeka 171 / 170 / 36 Регистрация: 15.01.2014 Сообщений: 1,010

	Input и кратность содержимого поля 08.10.2015, 20:51. Показов 3414. Ответов 3 Метки нет (Все метки) Суть проблемы - необходмо, чтобы в поле Input были только значения чисел, кратные 100! Сейчас редактирование поля ручками запрещено с помощью "disabled", исходное значение в поле равно 100-м: <input type="text" value="100" class="count" disabled> ...и дополнительный HTML код + Jquery скрипт выводят рядом с полем кнопки "-" и "+", которые при нажатии на них меняют значение содержимого поля на -100 или +100. В целом это решает вопрос кратности, но если человеку нужно "вбить" очень большое число, например 95000, то для этого ему нужно нажать на "+" 950 раз! А это не дело... Поэтому, все-таки необходим скрипт, который при выходе из поля (потери фокуса или еще как-то по завершению пользователем работы с содержимым поля) - округлял значение вбитого содержимого до целых сотен. Как это сделать на Jquery? Помогите плиз! 0

@Pepeka 171 / 170 / 36 Регистрация: 15.01.2014 Сообщений: 1,010
	09.10.2015, 00:09 [ТС]
	Всем спасибо за помощь! Код от Silver22 применил, вопрос решён! 0

Input и кратность содержимого поля

Решение