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

2021/12/31 6:07:38

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

 

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

 



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


扫一扫关注最新编程教程