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

相关文章
|
2月前
|
前端开发 JavaScript 开发者
揭秘JavaScript魔法三剑客:call、apply、bind,解锁函数新世界,你的前端之路因它们而精彩!
【8月更文挑战第23天】在 JavaScript 的世界里,`call`、`apply` 和 `bind` 这三个方法常常让新手感到困惑。它们都能改变函数执行时的上下文(即 `this` 的指向),但各有特点:`call` 接受一系列参数并直接调用函数;`apply` 则接收一个参数数组,在处理不确定数量的参数时特别有用;而 `bind` 不会立即执行函数,而是创建一个新版本的函数,其 `this` 上下文已被永久绑定。理解这三个方法能帮助开发者更好地运用函数式编程技巧,提升代码灵活性和可维护性。
34 0
|
6天前
|
前端开发 JavaScript
前端:实现一个 sleep 函数
在前端开发中,实现一个 `sleep` 函数可以用来暂停代码执行,模拟延迟效果,常用于测试或控制异步操作的节奏。该函数通常基于 `Promise` 和 `setTimeout` 实现,简单易用。
|
9天前
|
前端开发 小程序 Java
java基础:map遍历使用;java使用 Patten 和Matches 进行正则匹配;后端传到前端展示图片三种情况,并保存到手机
这篇文章介绍了Java中Map的遍历方法、使用Pattern和matches进行正则表达式匹配,以及后端向前端传输图片并保存到手机的三种情况。
11 1
|
1月前
|
存储 前端开发 JavaScript
前端基础(十二)_函数高级、全局变量和局部变量、 预解析(变量提升)、函数返回值
本文介绍了JavaScript中作用域的概念,包括全局变量和局部变量的区别,预解析机制(变量提升),以及函数返回值的使用和类型。通过具体示例讲解了变量的作用域、函数的返回值、以及如何通过return关键字从函数中返回数据。
20 1
前端基础(十二)_函数高级、全局变量和局部变量、 预解析(变量提升)、函数返回值
|
27天前
|
JSON 缓存 前端开发
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
个人练习前端技术使用Bootstrap、JQuery、thymeleaf
22 2
|
1月前
|
存储 前端开发 JavaScript
前端基础(十一)_函数声明及调用、函数的形参与实参、arguments参数、函数的参数类型、函数中的问题
本文介绍了JavaScript中函数的声明及调用、形参与实参的概念、arguments对象的使用、函数参数的类型以及函数中this的作用。通过示例代码详细解释了函数如何接收参数、如何处理参数个数不匹配的情况,以及函数在不同上下文中this的指向。
21 1
|
2月前
|
JSON 前端开发 API
构建前端防腐策略问题之更新getMemoryUsagePercent函数以适应新的API返回格式的问题如何解决
构建前端防腐策略问题之更新getMemoryUsagePercent函数以适应新的API返回格式的问题如何解决
构建前端防腐策略问题之更新getMemoryUsagePercent函数以适应新的API返回格式的问题如何解决
|
19天前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
43 0
|
1月前
|
JavaScript 前端开发
前端JS函数
【9月更文挑战第4天】前端JS函数
26 6
|
2月前
|
JavaScript 前端开发 程序员
后端程序员的前端必备-jQuery核心学习笔记
后端程序员的前端必备-jQuery核心学习笔记
52 13