如何使用HTML5和JS实现实时检测密码复杂度的表单强度测试？

本文共计982个文字，预计阅读时间需要4分钟。

别用 `onchange`，它只在数据失去焦点时触发，用户边输入边改基本无反应。实时检测必须依赖 `input` 事件——它捕捉每次输入、粘贴、删除等操作，包括中文输入法的中途状态（需配合 `compositionstart` 和 `compositionend` 过滤）。

常见错误现象：keyup 漏掉长按重复输入、手机虚拟键盘粘贴、剪贴板拖入；blur 导致用户填完才提示“太弱”，体验断裂。

• 监听 input，但加防抖（如 300ms），避免高频计算拖慢输入
• 对中文输入法：监听 compositionstart 暂停检测，compositionend 再触发一次
• 移动端务必测试软键盘「粘贴」按钮——它不触发 keyup，但会触发 input

正则判断密码强度容易漏哪些规则

单纯用一个大正则匹配“大小写数字符号”是错的：它无法量化强度，也无法区分“Abc123!”（6位勉强达标）和“aA1!aA1!”（8位但模式重复）。真实场景要分层打分。