Web 前端常见正则校验规则汇总（常用示例）

在 Web 前端开发中，正则表达式是进行数据校验的强大工具。它能够帮助我们有效地验证用户输入的各种数据格式，确保数据的准确性和完整性。以下是一些常见的正则校验规则及常用示例。

用户名校验

用户名通常要求由字母、数字、下划线组成，长度在 6 到 20 个字符之间。对应的正则表达式为：/^[a-zA-Z0-9_]{6,20}$/

邮箱校验

常见的邮箱格式为“用户名@域名”，例如：/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/

手机号码校验

针对中国大陆的手机号码，校验规则为 11 位数字，以 1 开头。正则表达式如下：/^1[3-9]\d{9}$/

密码校验

密码要求至少包含数字、字母和特殊字符中的两种，长度在 8 到 20 个字符之间。可以使用：/^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{8,20}$/

URL 校验

用于验证一个基本的 URL 格式：/^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/

身份证号码校验

中国大陆的身份证号码为 18 位数字，或者 17 位数字加一位 X 或 x。正则表达式：/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/

正则表达式的使用能够提高 Web 应用的用户体验和数据安全性。在实际开发中，我们可以根据具体的需求灵活调整和定制正则表达式，以满足不同的校验要求。

需要注意的是，正则表达式虽然强大，但也可能会因为复杂的规则导致性能问题。在处理大量数据时，要确保正则表达式的效率和准确性。

熟练掌握和运用常见的正则校验规则，对于 Web 前端开发者来说是一项必备的技能，有助于构建更加稳定和可靠的 Web 应用。