小程序input框不允许输入负数

最新推荐文章于 2025-03-13 11:20:06 发布

大大。

最新推荐文章于 2025-03-13 11:20:06 发布

阅读量1.8k

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/weixin_43923808/article/details/126139382

版权

前端

小程序专栏收录该内容

59 篇文章

订阅专栏

小程序版

<template> 
<view>         
<input placeholder="请输入金额" type="digit" placeholder-class="phcolor" value="{{amount}}" data-key="mobile" @input="handleInput"></input>
</view>    
</template>

  methods = {
    handleInput(e) {
      var obj = e.detail.value
      obj = obj.replace(/[^\d.]/g, '') //清除“数字”和“.”以外的字符
      obj = obj.replace(/\.{2,}/g, '.') //只保留第一个. 清除多余的
      obj = obj
        .replace('.', '$#$')
        .replace(/\./g, '')
        .replace('$#$', '.')
      obj = obj.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') //只能输入两个小数
      if (obj.indexOf('.') < 0 && obj != '') {
        //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        obj = parseFloat(obj)
      }
      this.amount = obj
    },
}