js正则表达式简单校验方法

2023年6月10日下午6:20 • JavaScript

首先我们需要了解什么是正则表达式，正则表达式一般用于字符串的处理和匹配，可以用来进行字符串的查找、替换、分割等操作。在JavaScript中，可以通过RegExp对象来创建正则表达式。

接下来，我将详细讲解“js正则表达式简单校验方法”的完整攻略：

1. 创建正则表达式对象

在使用正则表达式之前，需要先创建一个正则表达式对象，可以使用字面量或者构造函数来创建：

字面量创建正则表达式对象

var regex = /pattern/flags;

上面的代码中，pattern 表示正则表达式的模式，可以是一个字符串或者直接写成表达式，flags 表示正则表达式的标志符，通常包括以下几种：

g：全局匹配
i：忽略大小写
m：多行匹配

例如，使用正则表达式判断字符串中是否包含字母：

var str = 'hello123';
var regex = /[a-zA-Z]/g;
console.log(regex.test(str)); // true

构造函数创建正则表达式对象

var regex = new RegExp('pattern', 'flags');

上面的代码中，pattern 和 flags 含义与字面量创建方式相同。

2. 常用的正则表达式方法

test()

test() 方法用于测试字符串是否符合正则表达式的规则，返回值为 true 或 false。

例如，使用正则表达式判断手机号码是否合法：

var mobile = '13800138000';
var regex = /^1[3-9]\d{9}$/;
console.log(regex.test(mobile)); // true

var mobile2 = '12345678901';
console.log(regex.test(mobile2)); // false

上面的代码中，/^1[3-9]\d{9}$/ 是正则表达式模式，表示以 1 开头，后面跟着 3-9 中的任意一个数字，后面再跟着 9 个数字的手机号码。

match()

match() 方法用于从字符串中找到匹配正则表达式的子串，返回值为一个数组，数组中包含了所有匹配的子串。

例如，判断字符串中包含多少个数字：

var str = 'hello123world456';
var regex = /\d+/g;
console.log(str.match(regex)); // ['123', '456']

上面的代码中，/\d+/g 是正则表达式模式，表示匹配字符串中连续出现的数字。

3. 示例说明

示例 1：判断邮箱是否合法

邮箱的正则表达式模式：

var emailRegex = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+\.[a-zA-Z0-9_-]+$/;

邮箱的合法性判断：

var email = 'test@example.com';
console.log(emailRegex.test(email)); // true

var email2 = 'test@.com';
console.log(emailRegex.test(email2)); // false

上面的代码中，/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+\.[a-zA-Z0-9_-]+$/ 是正则表达式模式，表示匹配邮箱格式。

示例 2：判断密码是否符合要求

密码的正则表达式模式：

var passwordRegex = /(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[\s\S]{8,}/;

密码的合法性判断：

var password = 'Password123';
console.log(passwordRegex.test(password)); // true

var password2 = 'password';
console.log(passwordRegex.test(password2)); // false

上面的代码中，/(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[\s\S]{8,}/ 是正则表达式模式，表示匹配密码格式，其中：