lay-verify不能用于密码强度实时检测，因其仅在表单提交时同步触发，不响应输入过程变化，也无法返回“弱/中/强”分级状态；必须手动监听input事件，用多个正则分项匹配（小写、大写、数字、符号、长度）并计分反馈。
layui 本身不提供密码强度实时检测能力，lay-verify 只在提交时触发，且不支持“边输边验 + 分级反馈”这种交互。必须手动监听 input 或 keyup 事件，用正则分层匹配，再配合 dom 操作更新提示状态。
为什么 lay-verify 不能用于密码强度实时检测
lay-verify 是表单提交阶段的同步校验机制，只在点击 lay-submit 按钮或调用 form.verify() 时执行；它不响应输入过程中的值变化，也无法返回中间状态（如“弱/中/强”），只能返回 true 或错误字符串。想做到输入时立刻显示强度条或文字提示，必须脱离 lay-verify 自行实现。
用正则分层判断密码强度的实操要点
不要试图用一个正则覆盖所有条件（比如“至少含大小写字母+数字+符号”），那样可读性差、调试难、且无法分级反馈。应拆成多个独立正则，逐项测试并计分：
-
/[a-z]/匹配小写字母 → +1 分 -
/[A-Z]/匹配大写字母 → +1 分 -
/[0-9]/匹配数字 → +1 分 -
/[\W_]/匹配非单词字符（含标点、下划线等）→ +1 分 -
.length >= 8长度达标 → +1 分（注意：先做空值和长度判断，避免对undefined调用.test()）
示例逻辑：
function checkPasswordStrength(value) {
if (!value || value.trim() === '') return 0;
let score = 0;
if (/[a-z]/.test(value)) score++;
if (/[A-Z]/.test(value)) score++;
if (/[0-9]/.test(value)) score++;
if (/[\W_]/.test(value)) score++;
if (value.length >= 8) score++;
return score; // 返回 0~5
}
如何与 Layui 表单共存且不冲突
关键是在保留 lay-verify="required|pass" 的同时，把强度检测作为独立逻辑叠加：
- 给密码输入框加
id="pwd"和lay-verify="required"（仅保底必填） - 另起一段 JS，在
layui.use(['form'], callback)内监听#pwd的input事件 - 每次触发时调用上述
checkPasswordStrength()，根据返回值更新旁边提示元素（如<span class="pwd-tips"></span>）的文本和 class - 提交前仍走
form.verify()，但该函数里只做最终兜底（例如确认两次密码一致），**不要把强度校验塞进去**——否则用户没输完就点提交，会因强度不足被拦，体验断裂
常见坑：form.render() 不影响实时检测逻辑，但如果你动态插入了新密码框（如修改密码页含“原密码+新密码+确认”），需确保事件监听绑定在正确时机（DOM 存在后），否则监听无效。
容易被忽略的边界情况
正则 /[\W_]/ 看似覆盖符号，但会漏掉中文标点（如「，。！」「」）；若业务允许用户输入中文符号，得显式加上 Unicode 范围，比如 /[\W_\u3000-\u303f\uFE10-\uFE1F\uFE30-\uFE4F\uFE50-\uFE6F\uFF00-\uFFEF]/。更稳妥的做法是：明确业务是否真需要支持这些字符，多数场景只需 ASCII 符号，那就别盲目扩大范围，增加误判风险。
