Как ограничить максимальное число в поле input при вводе?

Question

[Dunno2018]

Здравствуйте.

Есть калькулятор. Как в полях input запретить вводить больше максимального значения?

Answer 1

[pashted]

jsfiddle.net/beah2o68

фантазировать на эту тему можно сколько угодно. это один из вариантов

Comments

[Dunno2018]

pashted при таком варианте в первый input невозможно адекватно ввести число.

[pashted]

Dunno2018, решения этого тоже разные можно придумать, например, вызывать проверку не при вводе, а при потере фокуса у поля jsfiddle.net/s6ypbzx2
или убрать проверку минимального значения. jsfiddle.net/s6ypbzx2/1
или не перезаписывать значение, а высвечивать ошибку и не давать отправить данные формой jsfiddle.net/s6ypbzx2/2

просто решите, что в итоге вы хотите получить

[Dunno2018]

pashted спасибо большое. Правда при использовании blur начинает считать не правильно. А вот если использовать change, то уже похоже на правду :)
Еще один момент. Изначально рассчет не выводится, только если начать вводить в input или ползунки двигать. Можете пнуть в нужном направлении?

[pashted]

Dunno2018, у вас за перерасчет отвечает функция recount, просто вызовите ее при показе документа. ну то есть, допишите в конце recount();

Answer 2

[0xD34F]

$input.on('input', function() {
  this.value = Math.min(MAX_VALUE, Math.max(MIN_VALUE, this.value));
});

jsfiddle.net/owdg6c8m