怎样让number类型的不能输入负数，比如我输入-1，会马上变回1 ，也不能为空！
1 回答
侃侃无极
TA贡献2051条经验 获得超10个赞
基本的屏蔽上下箭头减少：
<input type="number" name="number" min="1" max="10" />
屏蔽手动输入，使用js监听oninput ，自动去掉 -即可
需要注意的是，如果number输入的内容不是正确的数字，获取到的value是空的
<body>
<input type="number" name="" id="number" min = 0 >
</body>
<script>
document.getElementById("number").addEventListener("input",function(event){
event.target.value = event.target.value.replace(/\-/g,"");
});
</script>
【更新】使用keypress的判断
document.getElementById("number").addEventListener("keypress",function(event){
if(event.keyCode == 45){
event.preventDefault();
}
});
添加回答
举报
0/150
提交
取消