首页 > 其他分享 >vue3中验证手机号的正则表达式

vue3中验证手机号的正则表达式

时间:2023-09-17 18:31:40浏览次数:33  
标签:匹配 数字 验证 正则表达式 3456789 vue3 手机号

在Vue 3中,你可以使用正则表达式来验证手机号。以下是一个基本的手机号验证正则表达式示例,可以用于检查中国大陆地区的手机号码:

const phoneNumberRegex = /^1[3456789]\d{9}$/;

// 示例用法
const phoneNumber = "13812345678";

if (phoneNumberRegex.test(phoneNumber)) {
  console.log("手机号码有效");
} else {
  console.log("手机号码无效");
}

这个正则表达式/^1[3456789]\d{9}$/的含义是:

  • ^: 匹配字符串的开始。
  • 1: 匹配数字1,中国大陆手机号的第一个数字通常是1。
  • [3456789]: 匹配数字3、4、5、6、7或9,这是手机号的第二个数字的范围。
  • \d{9}: 匹配接下来的9个数字,这是手机号的后续数字。
  • $: 匹配字符串的结束。

这个正则表达式可以用于检查手机号是否以1开头,且后面跟着9个数字字符,总共是11位字符。

请注意,不同国家和地区的手机号验证规则可能不同,因此如果你需要验证其他国家或地区的手机号,你可能需要使用不同的正则表达式。

标签:匹配,数字,验证,正则表达式,3456789,vue3,手机号
From: https://blog.51cto.com/u_13794952/7503552

相关文章

  • 【php基础】正则表达式04
    1、正则表达式的介绍2、正则表达式的语法一、正则表达式的介绍正则表达式的介绍·正则表达式,又称规则表达式,通过一种特殊的语言来挑选符合条件的数据·在代码中简写,regex、regexp、RE·计算机科学的一个概念,通常被用来检索、替换那些符合某个模式(规则)的......
  • vue3探索——pinia高阶使用
    以下是一些Pinia的其他高阶功能:storeToRefs():响应式解构仓库,保证解构出来的数据是响应式的数据。状态持久化:Pinia并没有内置的状态持久化功能,但你可以使用第三方库或自定义插件来实现状态的持久化。例如,你可以使用 localStorage 或 sessionStorage 来将状态保存在客户端......
  • 记录--用js如何实现将手机号中间的几位数字变成****
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助今天,我们要实现一个很常见并且简单的功能:将手机号中间的几位数变成****这个功能其实很常见,比如我们微信的账号安全里面显示的手机号、掘金的账号设置里面显示的手机号、支付宝里面的证件号码、各大银行的App卡号........
  • python 正则表达式之 怎么匹配一对中括号 [ ]
    ----------------------------------------------------------------------------------------在正则表达式中,前中括号[属于特殊字符,要匹配它,需要转义,那就加上转义字符\来进行转义,即加上\res=re.findall(r"\[[\dA-Z]*]",'AAAA[CEBT905A1B6A]/#')print(res)------[......
  • 模块都补充、软件开发目录规范、正则表达式
    名字查找顺序所谓的查找顺序就是在运行代码的时候调用的优先级,这里分成三个优先级:1.内存这里可以举一个极端一点的例子,就是我们引入一个模块,然后在引入代码后使用time.sleep停个十几秒,在停止的时间内我们直接把导入的模块文件删除,接下来继续让代码执行模块内的函数或引用变量名......
  • vue3-路由遇到的问题
    在Vue3中,使用VueRouter来管理应用程序的导航和路由。下面是VueRouter的一些常见使用方法:通过npm或yarn安装VueRouter:npminstallvue-router或yarnaddvue-router在主文件(通常是main.js)中导入VueRouter并创建一个实例:import{createApp}from'vue'importrouterfrom'......
  • 不再困惑:一文读懂Vue2与Vue3的主要差异
    Vue3相对于Vue2有很多改进和新特性。以下是一些主要的区别:性能更好:Vue3的性能比Vue2更好,因为它使用了更少的代码和更高效的算法。例如,Vue3使用Proxy代替了Object.defineProperty来监听数据变化,这使得Vue3的性能更高。组合式API:Vue3引入了组合式API,这是一种新的编写组件逻辑的方式。......
  • Vue3开发环境搭建全攻略:Vite的详细介绍
    Vite简介Vite这个单词是一个法语单词,意思就是轻快的意思。它和我们以前使用Vue-cli的作用基本相同,都是项目初始化构建工具,相当于Vue项目构建的第二代产品,当然它也包含了项目的编译功能。需要注意一下Vite的生产环境下打包是通过Rollup来完成的。Vite特性介绍Vite主打特点就是轻快冷......
  • vue3.3.x setup 新实验性特性 defineModel 定义多个属性
    由于有些业务组件需要定义多个响应式props,类似这种(比较懒,没上ts),在vue3.3.x以前,如果不用三方库,代码会变得很繁琐<scriptsetup> constprops=defineProps({ modelValue:{ type:Object, default:()=>({}) }, fields:{ type:Object, default:()=>(......
  • Web阶段:第四章:常用的正则表达式
    整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字:”^[0-9]*$”只能输入n位的数字:”^\d{n}$”只能输入至少n位的数字:”^\d{n,}$”只能输入m~n位的数字:”^\d{m,n}$”只能输入零和非零开头的数字:”^(0|[1-9][0-9]*)$”。只能输入有两位小数的正实数:”^[0-9]+(.[0-9]{2})?$”。只能......