给出输入类型最大限制

Question

我有这样的输入类型：

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

使用data-maxunits。我用javascript设置输入的最大值。输入类型是一个微调器，你可以用箭头向下和向上。 如果你超过最大单位去。你无法进​​一步点击。但你仍然可以输入一个更大的数字。

我该怎么做？输入要输入的数字的输入。限制为data-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);