微信小程序输入框小数点后保留两位

最新推荐文章于 2025-09-05 09:55:34 发布

原创最新推荐文章于 2025-09-05 09:55:34 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

小程序专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用JavaScript进行价格输入验证，确保金额小数点后不超过两位，并演示了正则表达式在验证金额格式中的应用。

图片效果

2.html部分

<input placeholder="0.00" value="{{docMoney}}" type="digit" bindinput="priceEvent" />

3.js部分

// 价格限制小数点后两位
  priceEvent(e) {
    console.log(e)
    var money;
    if (/^(\d?)+(\.\d{0,2})?$/.test(e.detail.value)) { //正则验证，提现金额小数点后不能大于两位数字
      money = e.detail.value;
    } else {
      money = e.detail.value.substring(0, e.detail.value.length - 1);
    }
    this.setData({
      docMoney: money,
    })
  },