input 输入框只能输入数字，长度为2（也可以修改任意长度）;input框只能输入数字或小数

pyd1040201698

于 2018-09-29 19:45:40 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：前台

本文链接：https://blog.youkuaiyun.com/pyd1040201698/article/details/82901960

前台专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用JavaScript控制HTML input元素的输入长度和类型，包括仅允许输入两位数字、控制数字或小数输入的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接放在input标签里面

1.input长度为2

oninput="if(value.length>2)value=value.slice(0,2)"

2.控制input输入数字

onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" 

onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"

将上面的3个属性全部丢到input标签里面，input框就只能输入长度为2位数的数字

3.只能输入数字或者小数

onkeyup="if(isNaN(value))execCommand('undo')" 

onafterpaste="if(isNaN(value))execCommand('undo')"