小程序输入框金额校验

最新推荐文章于 2024-10-07 09:11:21 发布

剼羹

最新推荐文章于 2024-10-07 09:11:21 发布

阅读量618

点赞数

分类专栏：小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/lingjim10086/article/details/124637854

版权

JavaScript 金额处理正则表达式数据格式化输入验证

关键词由CSDN通过智能技术生成

小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

// 金额保留两位
  inputDiscount: function (e) {
    let value = e.detail.value
    if (value != '') {
      value = value.replace(/[^\d.]/g, "")
      if (/^(\d?)+(\.\d{0,2})?$/.test(value)) {} else {
        value = value.substring(0, value.length - 1);
      }
      value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')
      if (value.indexOf(".") < 0 && value != "") {
        value = parseFloat(value);
      }
      if (Number(value) > 9999) {
        value = 9999
      }
      if (Number(value) < 1) {
        value = 1
      }
    }
    this.setData({
      discount: value
    })
  },

html

<view class="section" id="discount" style="border-color: {{errText === 'discount' ? '#E53E06' : ''}}">
        <view class="section__title">优惠金额:</view>
        <input name="discount" bindinput="inputDiscount" type="digit" value="{{discount}}" placeholder-style="font-size: 30rpx;color:#AAAAAA" placeholder="请输入优惠金额" />
      </view>