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

简介: 在项目开发中遇到文本框限制输入内容的问题,自己在网上找了找,又加了点自己的,简略写出了几个,在这写一下,希望对其他人有所帮助。 可在input标签中根据情况加入属性: 情况1:需要只能输入数字: onkeyup='this.value=this.value.replace(/\D/gi,"")' 情况2:需要只能输入小数(牵扯到金额等): onkeyup="this.va

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


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

目录
相关文章
|
数据采集
正则表达式匹配html标签,获取标签内容
正则表达式匹配html标签,获取标签内容
|
12月前
|
PHP
php正则表达式函数preg_replace替换span标签
php正则表达式函数preg_replace替换span标签
50 0
|
12月前
input输入框输入只能输入数字、字母等组合的正则表达式
input输入框输入只能输入数字、字母等组合的正则表达式
486 0
|
12月前
正则表达式显示input框只能输入数字或者保持小数点后两位
正则表达式显示input框只能输入数字或者保持小数点后两位
149 0
用正则表达式限制input输入框只能输入整数的一段简单代码
要实现input框只能输入正整数,如果检测到输入其他类型的数据就直接为0;代码如下:
338 0
|
JavaScript 前端开发
使用JavaScript正则表达式解析markdown里的图片标签
使用JavaScript正则表达式解析markdown里的图片标签
308 0
使用JavaScript正则表达式解析markdown里的图片标签
|
Java Perl
微博内容正则表达式匹配链接, 话题标签与@用户
需要找出微博正文中的链接(主要为http链接),话题标签(#内容#),@用户,用正则表达式解决之,暂时找到的方案如下 1.
1770 0
|
PHP
使用正则表达式匹配HTML 下各种<title>标签
http://www.oschina.net/question/195686_46313   标题 标题 我自己写的正则表达式是  ".*?" (没有双引号)  只能匹配第一种,,但是不能匹配第二种,,有没有好的正则表达式匹配类似第二种这样换行的标签   试试这个 [\s\S]*?   --------------------- php版的 /.
1805 0
|
机器学习/深度学习
正则表达式验证input文本框
方便以后的查找,直接copy代码在这里了。   eg: //公司邮箱验证 if ($("#Email").val() != "") { var myreg = /^([a-zA-Z0-9_\.
812 0