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>