12个常用的js正则表达式

12个常用的JS正则表达式

正则表达式是一种用于匹配文本中特定模式的工具,它在JS编程中使用广泛。本文列举了12个常用的JS正则表达式及其用法。

验证用户名

const regex = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;

该正则表达式用于验证用户名是否合法,用户名应包含5-16位字符,必须以字母开头,后面可跟字母、数字或下划线。

示例:

const username = 'test123';
if (regex.test(username)) {
  console.log('用户名合法');
} else {
  console.log('用户名不合法');
}

验证密码

const regex = /^(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9]{6,20}$/;

该正则表达式用于验证密码是否合法,密码应包含6-20位字符,必须同时包含至少一个数字、一个小写字母和一个大写字母。

示例:

const password = 'Test1234';
if (regex.test(password)) {
  console.log('密码合法');
} else {
  console.log('密码不合法');
}

验证邮箱

const regex = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+$/;

该正则表达式用于验证邮箱是否合法。

示例:

const email = 'test@example.com';
if (regex.test(email)) {
  console.log('邮箱合法');
} else {
  console.log('邮箱不合法');
}

验证手机号码

const regex = /^1[3456789]\d{9}$/;

该正则表达式用于验证中国大陆的手机号码是否合法。

示例:

const phoneNumber = '13812345678';
if (regex.test(phoneNumber)) {
  console.log('手机号码合法');
} else {
  console.log('手机号码不合法');
}

验证身份证号码

const regex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;

该正则表达式用于验证中国居民身份证号码是否合法。

示例:

const idCardNumber = '420801199001016666';
if (regex.test(idCardNumber)) {
  console.log('身份证号码合法');
} else {
  console.log('身份证号码不合法');
}

验证URL

const regex = /^((https?|ftp|file):\/\/)?[^\s]+\.[^\s]+$/;

该正则表达式用于验证URL是否合法。

示例:

const url = 'https://www.google.com';
if (regex.test(url)) {
  console.log('URL合法');
} else {
  console.log('URL不合法');
}

匹配IP地址

const regex = /\b\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\b/;

该正则表达式用于匹配IP地址。

示例:

const ipAddress = '127.0.0.1';
if (regex.test(ipAddress)) {
  console.log('IP地址合法');
} else {
  console.log('IP地址不合法');
}

匹配HTML标签

const regex = /<\/?[^>]+>/gi;

该正则表达式用于匹配HTML标签。

示例:

const htmlString = '<div>Hello World</div>';
const matchedTags = htmlString.match(regex);
console.log(matchedTags); // ["<div>", "</div>"]

匹配中文字符

const regex = /[\u4e00-\u9fa5]/;

该正则表达式用于匹配中文字符。

示例:

const chineseString = '我的名字叫小明';
if (regex.test(chineseString)) {
  console.log('匹配成功');
} else {
  console.log('匹配失败');
}

匹配日期

const regex = /^\d{4}([./-])\d{1,2}\1\d{1,2}$/;

该正则表达式用于匹配日期,支持4位数年份,如YYYY/MM/DD或YYYY-MM-DD或YYYY.MM.DD。

示例:

const date = '2021-10-01';
if (regex.test(date)) {
  console.log('日期合法');
} else {
  console.log('日期不合法');
}

匹配16进制颜色码

const regex = /^#[0-9A-Fa-f]{6}$/;

该正则表达式用于匹配16进制颜色码,如#FFFFFF。

示例:

const colorCode = '#FF0000';
if (regex.test(colorCode)) {
  console.log('颜色码合法');
} else {
  console.log('颜色码不合法');
}

匹配邮政编码

const regex = /^[1-9]\d{5}$/;

该正则表达式用于匹配中国邮政编码。

示例:

const postalCode = '430000';
if (regex.test(postalCode)) {
  console.log('邮政编码合法');
} else {
  console.log('邮政编码不合法');
}

以上是12个常用的JS正则表达式及其用法。了解这些表达式可以让我们更加高效地处理一些字符串相关的问题。

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

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

相关文章

  • JS转换HTML转义符的方法

    JS转换HTML转义符的方法,是将HTML中的一些特殊字符被替换成为对应的实体名称或者实体数字。例如在HTML页面中直接输出的字符 ‘<‘,会被浏览器解析为标签的开始标志,而不是作为普通字符输出。针对这种情况,我们可以使用JS转换HTML转义符的方法解决这一问题。 方法一:使用innerHTML属性 我们可以使用JavaScript的innerHTML…

    JavaScript 2023年5月19日
    00
  • JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析

    对于JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析,我们可以按照以下步骤进行攻略。 1. 简介 在前端开发中,我们经常需要对HTML文档中的元素进行操作。HTML DOM (Document Object Model)提供了一系列操作HTML文档元素的方法,使得我们可以方便地实现对元素的新增、编辑和删除等操作。 2. 元素…

    JavaScript 2023年6月10日
    00
  • javascript引导程序

    JavaScript引导程序是一种在HTML文档加载时立即执行的代码块。这种代码块一般用于页面初始化,为用户提供更好的用户体验。下面我将为你详细讲解如何编写和使用JavaScript引导程序。 编写JavaScript引导程序 编写JavaScript引导程序需要遵循以下步骤: 在HTML文档内添加一个script元素。 给script元素添加type属性,…

    JavaScript 2023年5月19日
    00
  • 一文详解Web Audio浏览器采集麦克风音频数据

    一文详解Web Audio浏览器采集麦克风音频数据 简介 Web Audio 是一个 HTML5 标准规范,它提供了在浏览器中进行音频处理的能力。使用 Web Audio 可以实现音频的播放、剪辑、合成、处理和分析等功能。本文将讲解如何在 Web Audio 中使用 getUserMedia 接口采集麦克风音频数据。 环境要求 在进行实验之前,确保你的浏览器…

    JavaScript 2023年6月11日
    00
  • javascript针对DOM的应用分析(四)

    Javascript针对DOM的应用分析(四) 在前三篇文章中,我们已经了解了什么是DOM,如何获取DOM元素,以及如何修改DOM属性和内容。在本文中,我们将深入探讨Javascript针对DOM的高级应用。 1. 动态操作CSS 我们可以通过Javascript来动态修改DOM元素的CSS属性。以下是一个简单的示例: let myDiv = documen…

    JavaScript 2023年6月10日
    00
  • 微信小程序收货地址API兼容低版本解决方法

    微信小程序收货地址API兼容低版本解决方法的攻略如下: 问题描述 随着微信的版本升级,小程序中的API也在不断更新。在微信版本7.0.0及以上,小程序新增了获取用户收货地址的API,可以直接调用wx.chooseAddress()方法获取用户的收货地址信息。但是,如果小程序运行的微信版本低于7.0.0,将会出现报错,导致无法获取收货地址信息。因此,需要兼容低…

    JavaScript 2023年6月11日
    00
  • 关于AOP在JS中的实现与应用详解

    关于AOP在JS中的实现与应用详解 什么是AOP AOP全称是Aspect Oriented Programming(面向方面编程)。它是一种编程范式,它的目的是通过对业务进行拆分,并将共同的、与业务无关的部分封装起来,使得系统具备可重复利用性、可维护性和可扩展性。 在AOP中,将系统中不同的逻辑功能划分为不同的功能单元——切面(Aspect),并通过提供预…

    JavaScript 2023年5月27日
    00
  • 服务器安全设置的几个注册表设置

    接下来我将详细讲解“服务器安全设置的几个注册表设置”的完整攻略。 1. 前言 在保障服务器安全的过程中,调整服务器的注册表设置可以起到一定的作用。本文将结合示例,讲解几个比较常见的注册表设置,以帮助服务器管理员加强服务器的安全防护。 2. 禁用USB存储设备 为了防止外部用户携带的恶意软件通过USB存储设备传播到服务器上,可以通过禁用USB存储设备来增加服务…

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