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

 

原生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];
  }
},

 

上一篇:PHP正则替换中文让中文无处可躲


下一篇:ES6之数组