正则表达式只能输入数字

weixin_38371427

于 2021-12-02 09:24:38 发布

阅读量943

点赞数

文章标签：正则表达式

本文链接：https://blog.csdn.net/weixin_38371427/article/details/121669823

版权

需求要求只能输入数字，不能输入其他


<div class="divBox">
     <span class="label-text">金额（元）：</span>
     <input v-model="oweNum" @keyup="isNumber('oweNum','2')" />
</div>
<div class="divBox">
      <span class="label-text">持续天数</span>
      <input v-model="unitTime" @keyup="isNumber('unitTime','1')" />
</div>
<div class="divBox">
      <span class="label-text">影响范围（人）</span>
      <input v-model="personNum" @keyup="isNumber('personNum','0')" />
</div>

/*
 * type:小数点一位小数1,两位小数2，整数0
 * val:  v-model绑定的值
 */
isNumber(val, type) {
   if (type == '2') {
       this[val] = this[val].replace(/[^\d.]/g, '').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
    } else if (type == '1') {
       this[val] = this[val].replace(/[^\d.]/g, '').replace(/^(\-)*(\d+)\.(\d).*$/, '$1$2.$3');
    } else if (type == '0') {
       this[val] = this[val].replace(/[^\d]/g, '');
     }
 }