输入框只能输入数字（最好用）

本文主要是介绍输入框只能输入数字（最好用），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

这篇关于输入框只能输入数字（最好用）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！