输入框只能输入数字(最好用)

原生js

<input type="text" oninput="iptEvent(value, event)" placeholder="只能输入数字" />
function iptEvent(value, e) {
  // 纯数字,不含小数点
  e.target.value = value.replace(/\D/g,''); 
// 纯数字,或者2位内小数
// e.target.value = value.match(/\d*\.{0,1}\d{0,2}/)[0];
}

Vue

<input type="text" v-model="iptValue" placeholder="只能输入数字" />
data(){
  return {
    iptValue: ''
  }
},
watch: {
  iptValue(val){
    // 纯数字,不含小数点
    this.iptValue = val.replace(/\D/g, '');
    // 纯数字,可包含2位以内小数
    this.iptValue = val.match(/\d*\.{0,1}\d{0,2}/)[0];
  }
},
青云直上三千码
原文地址:https://www.cnblogs.com/djjlovedjj/p/15751163.html