Дайте тип ввода максимальный предел

Question

У меня есть такой тип ввода:

<input name="adult-count" type="text" data-perunit="2500" data-maxunits="5" class="up-down-spinner" value="0">

С данными-макс. Я установил с помощью javascript максимум ввода. Тип ввода - это счетчик, и вы можете перемещаться стрелками вниз и вверх. Если вы превышаете максимальную единицу идет. Вы не можете дальше нажимать. Но вы все равно можете ввести число, которое больше.

Как я могу сделать. Ввод, который вы вводите номер для ввода. Ограничение на данные-maxunit.

Спасибо!

Answer 1

Вы можете связать событие onChange, чтобы проверить, больше ли значение, чем data-maxunits, и если оно изменит его обратно на data-maxunits, например:

document.getElementById('adult-count').addEventListener('change', function(e){
   var input = e.target;
   var maxunits = parseInt(input.getAttribute('data-maxunits'), 10);
   if(parseInt(input.value, 10) > maxunits)
      input.value = maxunits;
}, 1);