JavaScript正则表达式汇编与示例，助你轻松驾驭表单验证

2023-10-28 17:27:02

JavaScript 正则表达式：掌握文本处理的强大工具

简介

JavaScript 正则表达式（Regular Expression）是用于在字符串中匹配、查找和替换特定模式的强大文本处理工具。JavaScript 内置了对正则表达式的支持，使文本处理任务变得轻而易举。

常用正则表达式

下表总结了一些常用的 JavaScript 正则表达式，它们可以帮助您解决各种文本处理问题：

正则表达式	用途	示例
^[a-zA-Z0-9_-]{4,16}$	用户名（4-16 个字符，仅包含字母、数字、下划线和连字符）	"johndoe123"
/^(?=.[a-z])(?=.[A-Z])(?=.\d)(?=.[@!%#?&])[A-Za-z\d@!%#?&]{8,}$/	密码强度（至少 8 个字符，包含至少一个大写字母、一个小写字母、一个数字和一个特殊字符）	"Password123!"
/^-?\d+$/	整数	"123"
/^-?\d+(.\d+)?$/	数字	"123.45"
/^[a-zA-Z0-9.!#$%&'*+/=?^_`{	}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/	电子邮件地址（Email）
/^((+86	0086)?\s?)?1[3-9]\d{9}$/	手机号码
/^[1-9]\d{5}(18	19	20)\d{2}((0[1-9])
/^(?:http(s)?://)?[\w.-]+(?:.[\w.-]+)+[\w-._~:/?#[]@!$&'()*+,;=.]+$/	URL地址	"https://www.google.com"
/^(?:25[0-5]	2[0-4][0-9]	[01]?\d\d?).(?:25[0-5]
/^#([A-Fa-f0-9]{6}	[A-Fa-f0-9]{3})$/	十六进制颜色
/^(?:(?:31(/	-	.)(?:0?[13578]

使用正则表达式

要使用正则表达式，您可以使用 RegExp 对象或 test() 方法。例如：

const username = "johndoe123";
const isUsernameValid = /^[a-zA-Z0-9_-]{4,16}$/.test(username);

if (isUsernameValid) {
  // 用户名有效
} else {
  // 用户名无效
}

常见问题解答