给出输入类型的最大限制

Give input type max limit

本文关键字：输入 类型      更新时间：2023-09-26

我有一个这样的输入类型：

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

具有数据最大单位。我用javascript设置了输入的最大值。输入类型是一个微调器，您可以使用箭头上下移动。如果你超过了最大单位。您无法再单击。但您仍然可以输入一个更大的数字。

我该怎么做。您向上键入要输入的数字的输入。限制为数据最大单位。

谢谢！

您可以绑定事件onChange，以检查值是否大于数据最大单位，以及是否将其更改回数据最大单位

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);
相关文章：