12个常用的js正则表达式

yizhihongxing

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日

相关文章

  • javascript的onchange事件与jQuery的change()方法比较

    当需要捕获表单控件的值发生变化时,可以使用JavaScript的onchange事件或jQuery的change()方法,下面进行详细比较。 JavaScript的onchange事件 原理 JavaScript的onchange事件是触发在表单控件的value值发生改变,并且失去焦点的情况下。 比如input,select等表单控件。 使用示例 <i…

    JavaScript 2023年6月11日
    00
  • 深入理解在JS中通过四种设置事件处理程序的方法

    请听我详细讲解“深入理解在JS中通过四种设置事件处理程序的方法”的完整攻略。 一、背景介绍 在JavaScript编程中,经常需要响应用户的事件行为,例如:点击、按下键盘以及提交表单等。在Web开发中,为了响应这些事件,我们需要给页面中的某个元素添加一个事件处理程序。JavaScript中有多种方式来添加事件处理程序,本篇攻略将为大家详细讲解这四种方法。 二…

    JavaScript 2023年5月28日
    00
  • JS中的正则表达式及pattern的注意事项

    JS中的正则表达式及pattern的注意事项 在JS中,正则表达式是一个用于匹配字符串模式的对象,可以用来进行字符串的查找、替换、删除等操作,是一项非常重要的功能。在使用正则表达式的过程中,我们需要注意一些pattern的注意事项,下面就来详细介绍。 1. 正则表达式的基本语法 在JS中,我们可以通过使用RegExp对象来创建正则表达式,同时也可以使用字面量…

    JavaScript 2023年6月11日
    00
  • Ajax 对象 包含post和get两种异步传输方式

    为了详细讲解Ajax对象,我们需要明确以下几个概念: 异步传输:传输数据时不会阻塞页面,用户可以继续进行其他操作。 GET方法:通过URL传输参数,以键值对的形式发到服务端。 POST方法:将参数放在HTTP请求的body中发送到服务端。 Ajax对象是XMLHttpRequest对象的一个实例,可以通过JavaScript代码创建,在实例化完成后使用其op…

    JavaScript 2023年6月11日
    00
  • 由Javascript实现的页面日历

    下面是由Javascript实现的页面日历的完整攻略: 1.准备HTML和CSS 首先,在HTML中创建一个容器用于包含整个日历,然后为日历添加CSS样式以控制其外观。以下是一个示例: <div id="calendar"></div> #calendar { width: 300px; height: 300px…

    JavaScript 2023年6月10日
    00
  • javascript实现10个球随机运动、碰撞实例详解

    很高兴能够为你介绍 “JavaScript实现10个球随机运动、碰撞实例详解” 的完整攻略。该攻略详细介绍了如何使用JavaScript实现10个球的随机运动和碰撞效果。下面我们来一步步详细讲解该攻略的实现过程。 HTML文件 首先,我们需要在HTML文件中创建一个 <canvas> 元素用于绘制球的运动轨迹。代码如下: <!DOCTYPE…

    JavaScript 2023年6月10日
    00
  • 使用JS的DOM文档对象模型获取前端循环的参数

    获取前端循环的参数可以通过JavaScript的DOM文档对象模型来实现。在这个过程中,可以使用如下的步骤来获取循环的参数。 步骤一:获取要循环的HTML元素 首先需要获取前端页面中要进行循环的HTML元素,可以使用JavaScript中的document对象的方法来获取。document对象的方法包括getElementById()、getElements…

    JavaScript 2023年6月10日
    00
  • JavaScript中property和attribute的区别详细介绍

    JavaScript中property和attribute的区别详细介绍 在JavaScript中,property和attribute指的都是HTML元素的属性,但它们的含义和使用方式有所不同。 property property是HTML元素的属性,是对象的一部分,可以通过JavaScript来操作。在JavaScript中,我们可以使用element.…

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