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

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


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

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

οnkeyup='this.value=this.value.replace(/\D/gi,"")'

情况2:需要只能输入小数(牵扯到金额等):

οnkeyup="this.value=(this.value.match(/\d+(\.\d{0,2})?/)||[''])[0]"
【正则限定必须先输入数字,而后能且只能输入一个小数点,小数点后可输入两位数字,需要的可以更改大括号中的数字2,这个数字用来限定小数点后可以有多少位数字】

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

οnkeyup="this.value=(this.value.match(/(\-{0,1}\d{0,8})?/)||[''])[0]"
【正则限定文本框内只能在开头输入或不输入一个符号,后面可跟8位数字,需要的可以更改大括号中的数字8】


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

<input type="text" οnkeyup="cky(this)">

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

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值