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

下面是详细讲解“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 节流函数 Throttle 详解

    JavaScript 节流函数 Throttle 详解 什么是节流函数 函数节流是一种通过控制函数执行频率的技术,可以让我们控制一个函数在一段时间时间内执行多少次。它可以解决一些频繁触发事件的问题,例如页面滚动的触发事件。 为何需要使用节流函数 在一些需要频繁执行的L函数中,比如页面滑动事件,如果不做任何优化处理,就会导致多次重复计算、频繁造成 DOM 渲染…

    JavaScript 2023年5月27日
    00
  • 微信小程序返回上一页的各种方法实例

    微信小程序返回上一页的各种方法实例 在微信小程序中,返回上一页是开发过程中经常会涉及到的一个需求。本文将详细讲解微信小程序中返回上一页的各种方法,并提供两个示例说明。 方法一:调用微信提供的API 微信小程序提供了一个 wx.navigateBack() 方法用于返回上一页,该方法可接受一个参数,表示返回的层数,默认值为1,即返回上一页。 示例代码如下: w…

    JavaScript 2023年6月11日
    00
  • JavaScript中for循环的使用详解

    JavaScript中for循环的使用详解 在JavaScript中,循环是一种重要的编程语言结构,for循环是最常用的循环语句之一,可以用来实现对数组、对象、字符串等类型的数据进行遍历,下面我们来详细讲解一下JavaScript中for循环的使用。 基本语法 for循环的基本语法如下: for (初始化表达式; 条件表达式; 递增表达式) { // 循环体…

    JavaScript 2023年5月28日
    00
  • 动态加载js文件 document.createElement

    动态加载JavaScript文件可以提高网页的性能,避免在页面加载时全部加载JavaScript文件导致的性能问题。常见的通过JavaScript动态加载JS文件的方法是通过创建标签并添加到文档中。而document.createElement是这个过程中一个必备的步骤。 使用document.createElement(“script”)方法动态加载JS文…

    JavaScript 2023年5月27日
    00
  • html5 web本地存储将取代我们的cookie

    HTML5 Web本地存储指的是一种在客户端(浏览器)端进行数据存储的技术。它主要通过Web Storage API和IndexedDB API来实现。 与传统的Cookie相比,Web本地存储有诸多优点。例如,Web本地存储提供了比Cookie更大的存储空间,并且数据存储在本地,不需要每次请求都带上一份数据,从而减少了网络流量。 以下是使用Web本地存储来…

    JavaScript 2023年6月11日
    00
  • HTML DOM Viewer

    HTML DOM Viewer 是一款用于查看 HTML DOM 结构的工具。下面将详细讲解 HTML DOM Viewer 的使用方法: HTML DOM Viewer 的安装 首先,在浏览器中搜索“HTML DOM Viewer”,在搜索结果中选择一个安全、可靠的网站进行下载。 点击下载按钮,等待下载完成。下载完成后,解压下载的压缩文件。 在解压出来的文…

    JavaScript 2023年6月11日
    00
  • 微信小程序路由跳转两种方式示例解析

    下面我将为你详细讲解“微信小程序路由跳转两种方式示例解析”的完整攻略。 一、前言 在微信小程序的开发中,跳转页面是非常常见的操作。本文将介绍微信小程序路由跳转的两种方式,分别是 wx.navigateTo 和 wx.redirectTo。 二、 wx.navigateTo wx.navigateTo 是保留当前页面,跳转到应用内的某个页面。该跳转方式支持返回…

    JavaScript 2023年6月11日
    00
  • Javascript图像处理—为矩阵添加常用方法

    Javascript 图像处理 – 为矩阵添加常用方法 前言 在图像处理中,矩阵是重要的数据结构。Javascript 作为一门强大的编程语言,可以非常方便地完成矩阵的各种操作。在本篇文章中,我们将讲解为矩阵添加一些常用方法的过程,以便于以后的图像处理中使用。 实现常用矩阵方法 为了方便起见,我们在这里定义一个矩阵的类: class Matrix { con…

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