正则限制输入为数字，且最多输入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文件代码：

        文本输入限制输入数字，且最多带2位小数
        
    

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

//监听文本输入
  inputNum: function (e) {    return this.checkInputText(e.detail.value);
  },  //检查输入文本，限制只能为数字并且数字最多带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位小数）
  }

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

            

            限制文本框输入为数字，且最多输入2位小数
            

        
        

3、String.prototype.replace() 使用

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

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

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

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

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

 举例说明其用法：

//1、将匹配的组互换位置var str1 = 'hello world'.replace(/(w+)s(w+)/, '$2 $1');
console.log('str1 = ' + str1); 
//str1 = world hello//2、改写匹配的值var str2 = 'abc'.replace('b', '[$` - $& - $']');
console.log('str2 = ' + str2); 
//str2 = a[a - b - c]c//3、replace方法的第二个参数还可以是一个函数，将每一个匹配内容替换为函数返回值var str3 = '3 and 5'.replace(/[0-9]+/g, function(match){    return 2 * match;
});
console.log('str3 = ' + str3); 
//str3 = 6 and 10//4、replace方法第二个参数的替换函数，还可以接受多个参数。//其中第一个参数是捕捉到的内容，从第二个参数起后面的参数表示是捕捉到的组匹配（有多少个组匹配，就有多少个对应的参数）//下面写一个网页模板替换的例子var prices = {  'p1': '￥1.99',  'p2': '￥9.99',  'p3': '￥5.00'};var template = ''
  + ''
  + '';var str4 = template.replace(  /()()/g,  function(match, $1, $2, $3, $4){    return $1 + $2 + $3 + prices[$2] + $4;
  }
);
console.log('str4 = ' + str4);//str4 = ￥1.99￥9.99￥5.00

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

var reg = /^(.*)(d+)(.?)(d{0,2}).*$/g;

版权声明

作者：TDX

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

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

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