【前端】使用jQuery探索正则表达时,手机号码和邮箱验证以及常用的函数

简介: 本篇文章将探索正则表达式的功能在开发一个项目时,表单选项里,多少都会有手机号码以及邮箱选项的输入,那么除了在后端API进行值得有效验证,在前端也会对手机号码和邮箱做验证,减少对服务器得调用
作者:小5聊基础
简介:一只喜欢全栈方向的程序员,欢迎咨询,尽绵薄之力答疑解惑
编程原则:Write Less Do More

在上一篇文章已经大概了解了什么是正则表达式,可通过下面链接跳转查看<br/>
【前端】使用jQuery探索正则表达时,金额验证、纯数字验证等

【正则表达式 - 函数】

编号 语言或插件 函数 说明
1 正则表达式 test 正则.test(字符串) 匹配成功,就返回真,否则就返回假
2 正则表达式 search 字符串.search(正则) 匹配成功,返回位置下标,否则返回-1
3 正则表达式 match 字符串.match(正则);匹配成功,就返回匹配成功的数组,否则就返回null
3 正则表达式 replace 字符串.replace(正则,新的字符串) 匹配成功的字符去替换新的字符

【正则表达式 - 匹配手机号码】

/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test('字符串')

image.png

1)手机号码的位数,一直没变,都是11位 <br/>
2)手机号码变得是开头2位,以及开头对应得跟着得数字 <br/>
3)括号:(),表示一个表达式 <br/>
4)表达式:13[0-9] 13开头,后面接着一个0 - 9得数字,<br/>
5)表达式符号:|,表示或者<br/>
13 | 14 | 15,13开头得手机号码,或者15开头得手机号码<br/>
6)表达式:\d{8},表示任意0~9的8位数字<br/>

【正则表达式 - 邮箱验证】

/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test('123@qq.com')

image.png

1)邮箱有个比较明显的标识就是@符号 <br/>
2)还必须有一个小数点 <br/>

相关文章
|
9月前
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
177 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
11月前
|
JSON 缓存 前端开发
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
146 3
|
12月前
|
Web App开发 缓存 前端开发
拿下奇怪的前端报错(六):多摄手机webrtc拉取视频流会导致应用崩溃,从而无法进行人像扫描
本文介绍了一种解决手机摄像头切换导致应用崩溃的问题的方法。针对不支持facingMode配置的四摄手机,通过缓存和序号切换的方式,确保应用在特定设备上不会频繁崩溃,提升用户体验。
327 1
|
12月前
|
前端开发 小程序 Java
java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机
这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。
136 1
|
JSON 缓存 前端开发
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
97 2
|
JavaScript 前端开发 程序员
后端程序员的前端必备-jQuery核心学习笔记
后端程序员的前端必备-jQuery核心学习笔记
130 13
|
12月前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
478 0
|
JavaScript 前端开发
jQuery的作用及入口函数
jQuery的作用及入口函数
104 1
|
开发框架 移动开发 前端开发
基于HBuilderX+UniApp+ThorUI的手机端前端开发处理
基于HBuilderX+UniApp+ThorUI的手机端前端开发处理
|
缓存 开发框架 前端开发
循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理
循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理

热门文章

最新文章