vue固定电话号码的正则校验

以下是Vue中固定电话号码的正则校验方法：

// 定义正则表达式
const telReg = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;

// 在Vue组件中使用
<template>
  <div>
    <input v-model="tel" />
    <button @click="submitForm">提交</button>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
 setup() {
    // 定义ref
    const tel = ref('');

    // 定义submitForm方法
    const submitForm = () => {
      if (!telReg.test(tel.value)) {
        console.log('电话号码格式不正确');
        return false;
      }
      console.log('提交成功');
    };

    // 返回数据和方法
    return {
      tel,
      submitForm,
    };
  },
};
</script>

相关问题

vue手机号码的正则校验

Vue手机号码的正则校验可以使用以下代码：

<template>
  <div>
    <input type="text" v-model="phone" placeholder="请输入手机号码">
    <button @click="checkPhone">校验</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phone: ''
    }
  },
  methods: {
    checkPhone() {
      const reg = /^1[3456789]\d{9}$/;
      if (reg.test(this.phone)) {
        alert('手机号码格式正确');
      } else {
        alert('手机号码格式错误');
      }
    }
  }
}
</script>

vue手机号码正则校验

你好，以下是Vue中手机号码正则校验的示例代码：

<template>
  <div>
    <input type="text" v-model="phone">
    <button @click="checkPhone()">校验</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phone: ''
    }
  },
  methods: {
    checkPhone() {
      const reg = /^1[3|4|5|7|8][0-9]{9}$/;
      if (reg.test(this.phone)) {
        console.log('手机号码格式正确');
      } else {
        console.log('手机号码格式错误');
      }
    }
  }
}
</script>

在上面的代码中，我们使用了正则表达式来校验手机号码格式，具体解释如下：

- `^1`：以1开头。
- `[3|4|5|7|8]`：第二位为3、4、5、7、8中的一个。
- `[0-9]{9}`：后面跟着9个数字。

这个正则表达式可以匹配大部分的中国手机号码格式，如果需要更严格的校验，可以根据实际情况进行调整。