【怎么限制input number输入框的输入数字位数 _表单元素】

怎么限制input number输入框的输入数字位数

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(5)

表单元素

详细描述

截图

代码

 <input name="myInput_DRS" onkeypress="return isNumeric(event)" onkeydown="return isMoreThan(event)" oninput="maxLengthCheck(this)" type="number" placeholder="Type..." min="1" max="999" />
 2 
 3 <script>
 4   function maxLengthCheck(object) {
 5     if (object.value.length > object.max.length)
 6       object.value = object.value.slice(0, object.max.length)
 7   }
 8 
 9   function isNumeric(evt) {
10     var theEvent = evt || window.event;
11     var key = theEvent.keyCode || theEvent.which;
12     key = String.fromCharCode(key);
13     var regex = /[0-9]|\./;
14     if (!regex.test(key)) {
15       theEvent.returnValue = false;
16       if (theEvent.preventDefault) theEvent.preventDefault();
17     }
18   }
19 
20   function isMoreThan(evt) {
21     var theEvent = evt || window.event;
22     var target = theEvent.target;
23     var keyID = event.keyCode;
24     var isDelete = false;
25     switch (keyID) {
26       case 8:
27           isDelete = true;
28         // alert("backspace");
29         break;
30       case 46:
31           isDelete = true;
32         // alert("delete");
33         break;
34       default:
35         break;
36     }
37 
38     if (!isDelete && target.value.length == target.max.length) {
39       return false;
40     }
41   }
42 
43 </script>

编辑于2025-04-03

时间排序

热门排序

[深圳|结业弟子]JS-何阳
0

也可以给input表单加一条正则表达式，限制输入的位数。具体的限制位数表达式可以在网上搜一下，有很多。

查看全部>

编辑于2018-10-13
[无名弟子]卫鑫
0

查看全部>

编辑于2018-11-10
[西安|荣耀师兄]UI-阮少凡
0

给input设置一个最大输入长度就可以了，表示输入的数字最多只能是11位数。

查看全部>

编辑于2018-12-15
[成都|荣耀师兄]JS-李文龙
0

最简单的方法就是设置maxlength属性，还有就是学习js后有一个正则表达式来限制输入的位数

查看全部>

编辑于2018-12-28
[武汉|结业弟子]JS-刘平
0

在input标签中加入min=“6”,就是最少6个字符，或者加入max = "6" ,就是最多输入6个字符

查看全部>

编辑于2019-11-11

去第页