微信小程序input输入框输入数字时只能输入小数点后两位

最新推荐文章于 2024-01-25 21:48:07 发布

包淼淼

最新推荐文章于 2024-01-25 21:48:07 发布

阅读量6.5k

点赞数 2

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_32849999/article/details/102822160

版权

小程序专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<input bindinput="moneyInput" type='digit' maxlength='10' value="{{money}}"/>

moneyInput(e) {
   let price = e.detail.value;

   price = price.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符
   price = price.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
   price = price.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
   price = price.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
   // 去除整数前的0和小数点后多余的0，如011.020300 =》 11.0203
   const reg1 = /0*([1-9]\d*|0\.\d+)/;
   const reg2 = /(?:\.0*|(\.\d+?)0+)$/;
   price = price.replace(reg1, '$1').replace(reg2, '$1');
    this.setData({
      price
    })
  },