input设置只能输入数字,附上手机号码验证

//1、input标签设置只能输入数字

//input标签上加上 oninput="value=value.replace(/[^0-9.]/g,'')",如

　　<el-input v-model="a" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>

//2、在只能输入数字的基础上，设置手机号验证

<template>
  <el-input v-model="a" onblur="vaildPhone" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
</template>
<script>
export default {
  data() {
    return {
      a: 1,
    };
  },
  methods: {
    testPhone(str) {
      const reg = /^1[3|4|5|7|8|6|9][0-9]\d{8}$/;
      return reg.test(str);
    },
    vaildPhone() {
      if (!this.testPhone(this.a)) {
        alert("手机号错误");
      }
    },
  },
};
</script>
<style lang="scss" scoped>
</style>