给出输入类型的最大限制
Give input type max limit
我有一个这样的输入类型:
<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);
相关文章:
- 在<输入类型=“;文件“/>
- 如何将输入类型值或id从一个jsp传递到另一个jsp页面
- 可以't将几个数字设置为<输入类型=“;数字“>
- 在输入类型日期中设置日期
- 如何将键入的文本从一个输入类型的文本复制到另一个
- 输入类型按钮返回历史记录并返回顶部
- 从HTML表单发布blob的表单输入类型是什么
- 输入类型文件的未捕获类型错误
- 如何在jQuery Mobile中设置100%宽度的输入类型日期
- 输入类型=文件验证停止其他输入类型验证
- 如何显示在输入类型文件中选择的文件
- jQuery Modal Popup-回发后输入类型设置为null
- 在控制器中将输入类型时间更改为秒
- 更改具有相同id的输入类型的所有值
- 对于每个输入类型,使用javascript获取值
- 输入类型范围在angularjs重复内不起作用
- 我如何使HTML5<输入类型=月份>以在所有浏览器上工作
- 如何调用两个函数是一种html输入类型
- 如何使按钮作为输入类型文件
- 可以设置输入类型=文件的文本框的高度