【前端】使用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/>

相关文章
|
14天前
|
JSON 缓存 前端开发
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
26 3
|
24天前
|
Web App开发 缓存 前端开发
拿下奇怪的前端报错(六):多摄手机webrtc拉取视频流会导致应用崩溃,从而无法进行人像扫描
本文介绍了一种解决手机摄像头切换导致应用崩溃的问题的方法。针对不支持facingMode配置的四摄手机,通过缓存和序号切换的方式,确保应用在特定设备上不会频繁崩溃,提升用户体验。
|
1月前
|
前端开发 小程序 Java
java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机
这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。
19 1
|
2月前
|
JSON 缓存 前端开发
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
26 2
|
1月前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
56 0
|
3月前
|
JavaScript 前端开发 程序员
后端程序员的前端必备-jQuery核心学习笔记
后端程序员的前端必备-jQuery核心学习笔记
57 13
|
3月前
|
JavaScript 前端开发
jQuery的作用及入口函数
jQuery的作用及入口函数
20 1
|
3月前
|
开发框架 移动开发 前端开发
基于HBuilderX+UniApp+ThorUI的手机端前端开发处理
基于HBuilderX+UniApp+ThorUI的手机端前端开发处理
|
4月前
|
缓存 开发框架 前端开发
循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理
循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理
|
4月前
|
JavaScript 前端开发 API
前端框架与库 - jQuery基础与DOM操作
【7月更文挑战第18天】jQuery 是一个简化JavaScript任务的库,以其“write less, do more”理念著称。核心功能包括DOM操作、事件处理和Ajax。DOM操作如选择元素(`$(&quot;p&quot;)`、`$(&quot;#myDiv&quot;)`、`$(&quot;.myClass&quot;)`)、创建及添加元素、修改属性和内容。事件处理如绑定(`click`)和触发(`trigger`)。常见问题涉及`$`符号冲突(使用`jQuery`代替)、异步加载管理和选择器性能优化。了解并规避这些问题能提升jQuery使用效率。
33 0