正则限制输入为数字,且最多输入2位小数 之 新写法

  原本小程序需要一个限制文本框输入为数字,且最多保留2位小数的效果,网上找到的例子感觉有点繁琐,就自己写了一个。

代码很简单,主要借助了正则的组匹配特性进行处理:

复制代码
//检查输入文本,限制只能为数字并且数字最多带2位小数  checkInputText: function(text){      var reg = /^(\.*)(\d+)(\.?)(\d{0,2}).*$/g;      if (reg.test(text)) { //正则匹配通过,提取有效文本      text = text.replace(reg, '$2$3$4');     }     else { //正则匹配不通过,直接清空      text = '';     }      return text; //返回符合要求的文本(为数字且最多有带2位小数)  }
复制代码

 

1、用在小程序上的示例Demo:

*.wxml文件代码:

 View Code

相应*.js文件关键代码:

 View Code

 

2、用在web网页上的示例Demo:

 View Code

 

3、String.prototype.replace() 使用

  字符串对象的replace方法可以替换匹配的值。它接受两个参数,

  第一个参数是表示要被替换的内容,可以用字符串表示,也可以用正则表达式,表示搜索模式;

  第二个参数是表示要替换第一个参数的内容。

  使用正则表达式时,replace方法的第二个参数可以使用美元符号$, 用来指代所替换的内容:

复制代码
$&: 匹配的子字符串 $·: 匹配结果前面的文本 $': 匹配结果后面的文本 $n: 匹配成功的第n组内容,n是从1开始的自然数 $$: 指代美元符号$
复制代码

 举例说明其用法:

 View Code

然后就应该明白正则/^(\.*)(\d+)(\.?)(\d{0,2}).*$/g的含义了,共有4个匹配组

复制代码
var reg = /^(\.*)(\d+)(\.?)(\d{0,2}).*$/g; /* 正则表达式reg里包含了4个匹配组,分别是: (\.*) : 匹配输入的第一个字符为小数点. , 对应组匹配符号$1 (\d+) : 匹配输入小数点.之前的数字, 对应组匹配符号$2 (\.?) : 匹配小数点. , 对应组匹配符号$3 (\d{0,2}) : 匹配小数点后面数字,小数点后限制几位小数重复符号{m,n}就可以写到几,对应组匹配符号$4 */
复制代码

 

版权声明


作者:TDX

出处:博客园TDX的技术博客--http://www.cnblogs.com/tandaxia

您的支持是对博主最大的鼓励,感谢您的认真阅读。

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

 
分类: JS + HTML
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信