el-input只能输入数字

最新推荐文章于 2024-09-26 15:10:07 发布

靓靓的圆子

最新推荐文章于 2024-09-26 15:10:07 发布

阅读量445

点赞数

分类专栏： js 正则限制文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_45646663/article/details/117291214

版权

js 同时被 2 个专栏收录

38 篇文章 0 订阅

订阅专栏

正则限制

1 篇文章 0 订阅

订阅专栏

1，html代码

<div>
  <span>当前数值</span>
  <span>
    <el-input v-model="ValueDown" :change="check_price()">
    </el-input>
  </span>
  <span>——</span>
  <span>
    <el-input v-model="ValueUp" :change="check_price2()"></el-input>
  </span>
  <span>
    {{ValueUnit}}
  </span>
</div>

2,js方法

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