js 验证 常用正则表达式集锦

yizhihongxing

下面是详细讲解“js 验证 常用正则表达式集锦”的完整攻略:

1. 正则表达式基础知识

正则表达式是一种用于描述字符串规则的表达式,可以用来匹配、查找和替换字符串。在 JS 中,使用 RegExp 对象来创建正则表达式,也可以通过字面量表示法来创建。

对于一些常用的字符特殊符号,需要在正则表达式中进行转义,如下表所示:

特殊字符 描述
\ 转义字符,用来将特殊字符转义为字面量字符
. 匹配除了换行符外的任意字符
^ 匹配字符串的开始位置
$ 匹配字符串的结束位置
* 匹配前面的字符零次或多次
+ 匹配前面的字符一次或多次
? 匹配前面的字符零次或一次
{n} 匹配前面的字符恰好 n 次
{n,} 匹配前面的字符至少 n 次
{n,m} 匹配前面的字符至少 n 次,且不超过 m 次
[] 字符集,匹配方括号中包含的任何一个字符
[^] 否定字符集,匹配方括号中未包含的任何一个字符
| 或运算符,匹配左右两侧任意一个表达式
() 分组,将子表达式分组,可以在后面的表达式中使用

2. 常用正则表达式

2.1 验证手机号

function isMobile(mobile) {
  return /^1[3456789]\d{9}$/.test(mobile)
}

使用 ^1[3456789]\d{9}$ 正则表达式来验证手机号码,其中:

  • ^ 匹配字符串的开始位置;
  • 1 匹配手机号码的开头必须是数字 1;
  • [3456789] 匹配第二个数字必须是 3456789 中的一个;
  • \d{9} 匹配后面的 9 个数字;
  • $ 匹配字符串的结束位置。

2.2 验证邮箱地址

function isEmail(email) {
  return /^([a-zA-Z0-9_\.\-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(email)
}

使用 ^([a-zA-Z0-9_\.\-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+ 正则表达式来验证邮箱地址,其中:

  • ^ 匹配字符串的开始位置;
  • ([a-zA-Z0-9_\.\-])+ 匹配由字母、数字、下划线、点或破折号组成的用户名,其中用户名至少包含一个字符;
  • @ 匹配邮箱地址中的 @ 符号;
  • ([a-zA-Z0-9_-])+ 匹配域名中的字母、数字、下划线或破折号,域名至少包含一个字符;
  • (.[a-zA-Z0-9_-])+ 匹配顶级域名,其中.表示匹配任意字符,顶级域名至少包含一个字符;
  • $ 匹配字符串的结束位置。

3. 总结

以上是关于 JS 常用正则表达式的介绍和示例,希望对大家有所帮助。正则表达式是一种强大的字符串处理工具,掌握和熟练应用其语法规则,可以大大提高编程效率。在实际应用中,可以根据需要灵活组合和调整正则表达式来满足不同的需求。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 验证 常用正则表达式集锦 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • Javascript无参数和有参数类继承问题解决方法

    Javascript无参数和有参数类继承问题解决方法 在Javascript中,实现类的继承是非常方便的。但是在实践中,我们往往会遇到一些继承问题,其中常见的问题是我们从父类中继承了一些属性和方法,但是我们希望在子类中传入一些特定的参数来修改这些属性和方法。在这种情况下,我们需要解决Javascript无参数和有参数类继承问题。 解决无参数类继承问题的方法 …

    JavaScript 2023年5月27日
    00
  • 你所不了解的javascript操作DOM的细节知识点(一)

    下面就为大家详细讲解“你所不了解的JavaScript操作DOM的细节知识点(一)”的完整攻略。 什么是DOM? DOM(文档对象模型)是指一种用于在HTML、XML等文档中描述元素的层次结构的API。通过DOM,JavaScript可以获取和修改文档的内容和结构。 元素节点和文本节点 在DOM中,每一个HTML元素都被表示为一个元素节点(element n…

    JavaScript 2023年6月10日
    00
  • 2021年值得向Python开发者推荐的VS Code扩展插件

    下面是详细讲解“2021年值得向Python开发者推荐的VS Code扩展插件”的完整攻略。 1. 简介 VS Code 是一款免费开源的轻量级编辑器,支持多种编程语言,Python 是其中之一。丰富的扩展插件使得 VS Code 更加强大,可以让开发者更加高效地编写 Python 代码。本攻略将介绍一些值得向 Python 开发者推荐的扩展插件。 2. 推…

    JavaScript 2023年5月28日
    00
  • 纯js实现页面返回顶部的动画(超简单)

    以下是纯JS实现页面返回顶部动画的攻略: 1. 准备工作 在 HTML 的 head 标签中引入一个自定义的 JavaScript 文件,比如: <head> <script src="js/scroll-top.js"></script> </head> 2. 编写 JavaScript …

    JavaScript 2023年6月10日
    00
  • JavaScript原生节点操作小结

    下面是“JavaScript原生节点操作小结”的详细攻略。 1. 节点操作的概述 可以通过JavaScript创建节点、添加节点、删除节点、替换节点、修改节点等操作,从而动态地改变HTML页面的内容。 节点操作是Web开发中非常常见的技术,掌握该技术可以让你更好地操作网页,实现更加丰富、复杂的页面效果。 2. 使用原生JavaScript操作节点 在Java…

    JavaScript 2023年6月10日
    00
  • Textbox控件注册回车事件及触发按钮提交事件具体实现

    Textbox控件注册回车事件及触发按钮提交事件是Web开发中常用的技术之一。下面我将详细讲解如何实现这个功能。 注册回车事件 在Textbox控件中,我们可以向其绑定keypress事件,通过该事件判断当用户按下回车键时执行某些操作,比如提交表单等。下面是一个简单示例: <input type="text" id="my…

    JavaScript 2023年6月11日
    00
  • JavaScript中String.prototype用法实例

    那我就来给大家详细讲解一下“JavaScript中String.prototype用法实例”。 什么是String.prototype? String.prototype是JavaScript中String对象的原型属性,它包含了一些用于处理字符串的方法。可以理解为,String.prototype是所有字符串对象的“祖先”,它定义了所有字符串对象所共有的方…

    JavaScript 2023年5月28日
    00
  • js验证身份证号码记录的方法

    下面我将为你详细讲解 “js验证身份证号码记录的方法” 的完整攻略。 一、验证身份证号码的规则 目前,中国大陆身份证号码的规则如下: 身份证号码共18位,前17位为数字,最后一位为数字或字母X。 第1-6位为地址码,表示身份证持有人的籍贯地。 第7-14位为出生日期码,表示身份证持有人的出生年月日。 第15-17位为顺序码,表示同一地址码的多个人员的顺序区分…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部