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

Posted 酷酷的抖s

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于在input标签中输入数字的问题(正则表达式)相关的知识,希望对你有一定的参考价值。

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


可在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;
}

以上是关于关于在input标签中输入数字的问题(正则表达式)的主要内容,如果未能解决你的问题,请参考以下文章

正则表达式 判断是否数字 js

正则校验字母数字特殊字符的函数

js和正则表达式控制input只输入数字或者小数问题解决

input里怎么用正则表达式判断只能输入0-1的数字

使用php和正则表达式从字符串中删除数字和特殊字符[重复]

js正则表达式:6-20位,可以为数字或者英文,最少一个英文。请问正则表达式怎么写