php取两位小数-一种编写常规规则的新方法,可将输入限制为数字并最多保留 2 位小数。

2023-08-30 0 6,164 百度已收录

最初,小程序需要在有限的文本框中输入数字,最多可以保留 2 位小数。 网上找的例子感觉有点复杂php取两位小数,所以自己写了一个。

代码很简单,主要依靠正则组匹配特征进行处理:

//检查输入文本,限制只能为数字并且数字最多带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文件关键代码:

php取两位小数-一种编写常规规则的新方法,可将输入限制为数字并最多保留 2 位小数。

//监听文本输入
  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.网页上使用的示例Demo:


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

//监听文本框输入,限制其输入为数字,且最多只能输入2位小数 function inputText(obj){ obj.value = checkInputText(obj.value); } //检查输入文本,限制只能为数字并且数字最多带2位小数 function checkInputText(text){ var reg = /^(.*)(d+)(.?)(d{0,2}).*$/g; if (reg.test(text)) { //正则匹配通过,提取有效文本 text = text.replace(reg, '$2$3$4'); } else { //正则匹配不通过,直接清空 text = ''; } return text; }

复制

3. String.prototype.replace()使用

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

第一个参数表示要替换的内容php取两位小数,可以表示为字符串或正则表达式来表示搜索模式;

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

使用正则表达式时,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;
/*
正则表达式reg里包含了4个匹配组,分别是:
(.*) : 匹配输入的第一个字符为小数点. , 对应组匹配符号$1
(d+) : 匹配输入小数点.之前的数字, 对应组匹配符号$2
(.?) : 匹配小数点. , 对应组匹配符号$3
(d{0,2}) : 匹配小数点后面数字,小数点后限制几位小数重复符号{m,n}就可以写到几,对应组匹配符号$4
*/

复制

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 php php取两位小数-一种编写常规规则的新方法,可将输入限制为数字并最多保留 2 位小数。 https://www.wkzy.net/game/184390.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务