表单验证：15 个必知的正则表达式大盘点

提升你的表单验证游戏：15个强大正则表达式

在当今数字时代，在线表单已成为我们日常生活中不可或缺的一部分。为了确保这些表单收集准确可靠的数据，表单验证至关重要。正则表达式（Regex）是强大的工具，可用于验证用户输入并确保其符合特定格式。

本博客将指导你使用一系列常用的正则表达式来验证各种类型的数据，从用户名和密码到电话号码和身份证号。这些表达式将增强你的表单验证能力，帮助你构建更健壮和可靠的应用程序。

用户名验证

用户名是用户身份的唯一标识符。使用正则表达式，你可以确保用户名只包含字母、数字和下划线，并且长度介于6到20个字符之间。

const usernameRegex = /^[a-zA-Z0-9_]{6,20}$/;

密码强度验证

强密码是保护用户帐户安全的基石。正则表达式可用于验证密码是否包含小写字母、大写字母、数字和特殊字符，并且长度至少为8个字符。

const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;

整数验证

整数是没有任何小数部分的数字。正则表达式可用于验证输入是否只包含数字，并且不包含任何字母或特殊字符。

const integerRegex = /^\d+$/;

数字验证

数字可以包含小数部分。正则表达式可用于验证输入是否为有效数字，无论其是否包含小数点。

const numberRegex = /^-?\d+(?:\.\d+)?$/;

电子邮件地址（Email）验证

电子邮件地址是识别用户并向其发送重要通信的关键。正则表达式可用于验证电子邮件地址是否遵循正确的语法，包括本地部分、域名和顶级域名。

const emailRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

手机号码验证

手机号码用于与用户进行两因素身份验证和其他通信。正则表达式可用于验证手机号码是否符合特定国家或地区的格式。

const phoneRegex = /^1[3-9]\d{9}$/;

身份证号验证

身份证号是个人身份的唯一标识符。正则表达式可用于验证身份证号是否符合特定的格式，包括15位和18位身份证号。

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

URL 验证

URL 用于引用互联网上的资源。正则表达式可用于验证 URL 是否遵循正确的语法，包括协议、主机名和路径。

const urlRegex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\
const urlRegex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/;
amp;'\(\)\*\+,;=.]+$/;

IP 地址验证

IP 地址是计算机网络中标识计算机的唯一地址。正则表达式可用于验证 IP 地址是否遵循正确的格式，包括 IPv4 和 IPv6 地址。

const ipRegex = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;

日期验证

日期用于记录事件的发生时间。正则表达式可用于验证日期是否遵循特定的格式，包括年、月和日。

const dateRegex = /^(\d{4})-(\d{2})-(\d{2})$/;

时间验证

时间用于记录事件发生的确切时间。正则表达式可用于验证时间是否遵循特定的格式，包括小时、分钟和可选的秒。

const timeRegex = /^([0-1]?[0-9]|2[0-3]):([0-5][0-9])(:([0-5][0-9]))?$/;

颜色验证

颜色用于指定对象的视觉外观。正则表达式可用于验证颜色是否遵循特定的格式，包括十六进制值和 RGB 值。

const colorRegex = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/;

邮政编码验证

邮政编码用于对邮件进行分类和递送。正则表达式可用于验证邮政编码是否遵循特定的格式，包括数字和字母。

const zipCodeRegex = /^[0-9]{6}$/;

车牌号验证

车牌号用于识别车辆。正则表达式可用于验证车牌号是否遵循特定的格式，包括字母和数字。

const licensePlateRegex = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;

银行卡号验证

银行卡号用于识别银行账户。正则表达式可用于验证银行卡号是否遵循特定的格式，包括数字和长度。

const bankCardRegex = /^([1-9]{1})(\d{14}|\d{18})$/;

结论

通过使用这些强大的正则表达式，你可以轻松地验证各种类型的数据，确保其准确性和一致性。这些表达式将提升你的表单验证能力，帮助你构建更健壮和可靠的应用程序。

常见问题解答

1. 这些正则表达式是否支持所有国家或地区？

这些正则表达式旨在覆盖最常用的格式。然而，不同的国家或地区可能需要不同的验证规则。

2. 我可以在其他编程语言中使用这些正则表达式吗？

大多数编程语言都支持正则表达式。然而，语法可能略有不同。请查阅特定编程语言的文档以获取更多详细信息。

3. 如何测试我的正则表达式？

有许多在线工具可以帮助你测试正则表达式。例如，你可以访问 Regex101。

4. 我可以创建自己的正则表达式吗？

当然可以。创建自定义正则表达式需要了解正则表达式语法。你可以参考 正则表达式速查表 来帮助你入门。

5. 如何提高我的正则表达式技能？

练习是提高正则表达式技能的最佳方法。你可以通过尝试不同的正则表达式并测试它们的输出来学习。此外，参加正则表达式在线课程或研讨会也可以帮助你提升你的技能。