input输入框限制输入小数点后俩位

曲小强

已于 2022-10-19 10:45:45 修改

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：小卖部 js Vue.js 文章标签： javascript 前端 vue.js

于 2022-06-04 21:15:37 首次发布

本文链接：https://blog.youkuaiyun.com/quhongqiang/article/details/125125792

小卖部 js 同时被 2 个专栏收录

63 篇文章

订阅专栏

Vue.js

50 篇文章

订阅专栏

这段代码展示了在前端开发中如何实现输入金额的验证和格式化。它使用正则表达式去除非数字和非小数点字符，并限制小数点后的位数不超过两位。同时，当输入超过最大值9999999时，会自动截取为最大值。此外，还提供了输入为空时的处理逻辑。

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

<input
          class="weui-input"
          placeholder-style="color:#999;font-size:28rpx"
          placeholder="请输入金额"
          v-model="inputVal"
          type="digit"
          @input="inputCheck"
          @blur="inputBlur"
        />

inputCheck(el) {
        var that = this;
        var idx = -1;
        var value = el.detail.value.replace(/[^0-9.]/g,'').trim();
        if(value == "") {
          setTimeout(function(){
            that.inputVal = '';
          },100); 
          return;
        }
        idx = value.indexOf('.');
        var raw = value;
        if(idx > 0) {
          var ext = value.slice(idx+1,idx+3)
          if (ext.indexOf('.') > -1 ) {
              ext = ext.slice(0,ext.indexOf('.'));
          }
          if(ext.length > 2 ) {
              ext = ext.slice(0,2);
          }
          value = value.slice(0,idx) + '.' + ext;
        } else if(idx == 0) {
          value = '0.'
        }
        if (value > 9999999) {
          value = 9999999
        }
        setTimeout(function(){
            that.inputVal = value;
        },0);
      },