密码必须包含大写字母，应使用正则/[a-z]/.test(str)校验；html中pattern需写为.*[a-z].*并配title提示；需trim预处理、覆盖粘贴/自动填充等边界场景。
用正则表达式判断密码是否含大写字母
前端校验密码必须包含大写字母，核心是用 /[A-Z]/ 这个正则去测试字符串。它匹配任意一个 ASCII 大写字母（A–Z），简单直接，不依赖 Unicode 或 locale 设置。
常见错误是写成 /^[A-Z]$/（要求整个字符串只能是一个大写字母）或 /[A-Z]+/（误以为必须连续多个），其实单个出现就满足“包含”条件。
-
password.match(/[A-Z]/)返回数组或null，建议用test()更简洁安全 - 校验时机建议放在
input事件中实时反馈，或submit前集中校验 - 注意：正则默认区分大小写，无需额外 flag；但若输入含全角字母（如Ａ），
[A-Z]不会匹配，需明确业务是否接受
在 HTML 表单中结合 pattern 属性使用
pattern 属性可触发浏览器原生校验提示，但它的正则默认是“全匹配”，即从头到尾都要符合。所以不能直接写 pattern="[A-Z]"（这只会接受单个大写字母）。
正确写法是用 .*[A-Z].* 表示“任意字符 + 一个大写字母 + 任意字符”，等价于“包含”。同时建议加上 title 提示用户要求：
<input type="password" name="password" pattern=".*[A-Z].*" title="密码必须包含至少一个大写字母" required>
- 浏览器原生校验不支持多条件组合（比如“同时含数字和大写”），复杂规则仍需 JS 补充
-
pattern在 Safari 和旧版 Edge 中对空格/换行处理略有差异，避免在 pattern 中隐含空白符假设 - 提交时若校验失败，
checkValidity()返回false，reportValidity()可主动触发提示
JS 中完整密码强度校验的典型结构
单纯检查大写字母只是基础项，实际项目往往要组合多个条件。推荐把每条规则拆成独立函数，便于复用和调试：
hasUppercase(str) { return /[A-Z]/.test(str); }hasLowercase(str) { return /[a-z]/.test(str); }hasDigit(str) { return /d/.test(str); }hasSpecial(str) { return /[!@#$%^&*()_+-=[]{};':"\|,./?]/.test(str); }
组合校验时别用连等式（如 if (a && b && c)），而应收集失败项：
const errors = [];
if (!hasUppercase(pwd)) errors.push("缺少大写字母");
if (!hasDigit(pwd)) errors.push("缺少数字");
// ……
- 避免用
.match()后判长度，.test()性能更好、语义更准 - 中文输入法下用户可能误触全角字符，可加
str.replace(/[uFF01-uFF5E]/g, '')预处理（按需） - 不要在前端做“密码强度评分”，那容易误导；明确告知缺失哪类字符即可
容易被忽略的边界情况
很多校验逻辑在线上出问题，不是因为正则写错，而是没覆盖真实用户输入场景：
- 粘贴进来的密码可能带首尾空格——
trim()要在校验前做，否则" A"会被误判为不含大写 - 用户用 CapsLock 输入全大写密码，但校验只看“是否含”，不关心比例，这是合理行为
- 某些密码管理器自动填充时，
input事件可能不触发，需监听animationstart或DOMContentLoaded后补检 - 移动端软键盘切换大小写状态不稳定，
keyup事件不可靠，优先依赖input事件
真正难的不是写出正则，而是让校验逻辑在各种输入路径下都稳定反馈。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
