小程序输入框金额校验

最新推荐文章于 2024-08-18 15:28:40 发布

剼羹

最新推荐文章于 2024-08-18 15:28:40 发布

阅读量666

点赞数

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

本文链接：https://blog.youkuaiyun.com/lingjim10086/article/details/124637854

版权

小程序专栏收录该内容

3 篇文章

订阅专栏

这段代码展示了在JavaScript中如何处理输入的金额，确保它只保留两位小数，并进行合法性检查。当输入超出9999或小于1时，会自动调整到边界值。此外，还对输入框的样式和占位符进行了设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 金额保留两位
  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>