关于在input标签中输入数字的问题（正则表达式）

Posted 2020-10-07 酷酷的抖s

在项目开发中遇到文本框限制输入内容的问题，自己在网上找了找，又加了点自己的，简略写出了几个，在这写一下，希望对其他人有所帮助。

可在input标签中根据情况加入属性：

情况1：需要只能输入数字：

onkeyup=‘this.value=this.value.replace(/\D/gi,"")‘

情况2：需要只能输入小数（牵扯到金额等）：

 

onkeyup="this.value=(this.value.match(/\d+(\.\d{0,2})?/)||[‘‘])[0]"

【正则限定必须先输入数字，而后能且只能输入一个小数点，小数点后可输入两位数字，需要的可以更改大括号中的数字2，这个数字用来限定小数点后可以有多少位数字】

 

情况3：需要只能输入正负整数和0（牵扯到楼宇楼层的问题）：

 

onkeyup="this.value=(this.value.match(/(\-{0,1}\d{0,8})?/)||[‘‘])[0]"

【正则限定文本框内只能在开头输入或不输入一个符号，后面可跟8位数字，需要的可以更改大括号中的数字8】

 

备注：使用这个方法有可能会在谷歌浏览器中会导致无法使用键盘来控制鼠标左右移动。解决方法为：将onkeyup中的内容写到一个js方法当中，然后在onkeyup属性中调用js方法。【这个解决方法是我在网上一个大神那找来的，特此说明一下，谢谢大神了】

<input type="text" onkeyup="cky(this)">

function cky(obj){
    var t = (obj.value.match(/\d+(\.\d{0,2})?/)||[‘‘])[0];
    if(obj.value!=t)
        obj.value=t;
}