HTML5 minlength属性在IE和旧版Safari中不支持，需结合pattern=".{8,}"和JS校验实现兼容；前后端长度与复杂度规则须一致，且name字段需匹配，移动端应增加blur和submit双重检查。
HTML5 的 minlength 和 maxlength 属性本身不会导致表单“被拒”，真正触发拒绝的是浏览器原生验证失败时的阻断行为——而密码长度不够，往往是因为前端校验逻辑和后端要求不一致，或前端用了不兼容的属性。
为什么 minlength 在部分浏览器里没反应？
IE 和旧版 Safari 不支持 minlength（仅从 Chrome 44、Firefox 40+、Edge 14+ 开始支持），若只依赖它，用户在这些浏览器中根本收不到提示，提交后才被后端拒绝。
- 用
input[type="password"]时，minlength是 HTML5 标准属性，但需配合required才能触发校验 - 某些安卓 WebView 或微信内置浏览器会忽略
minlength，只认pattern -
pattern虽兼容性好，但写错正则（比如漏掉^$锚点）会导致校验失效
怎么写一个兼容又可靠的密码长度校验？
别只靠一个属性。推荐组合使用：minlength + pattern + JS 监听，三者各司其职。
-
minlength="8"：现代浏览器友好提示，语义清晰 -
pattern=".{8,}"：兜底兼容 IE/旧 Safari（注意不能写成pattern=".+"，否则长度无效） - JS 中用
input.length 实时反馈，避免用户输完才发现错误 - 务必在
上加title="密码至少8位"，否则 Chrome 可能显示默认英文提示
示例：
立即学习“前端免费学习笔记（深入）”；
后端报“密码太短”但前端明明设了 minlength？
常见原因是前后端长度规则不统一：前端设 minlength="8"，后端却要求“至少1个数字+1个小写字母+8位”，而用户只输了8个字母——前端没校验复杂度，自然过不了后端。
- 前端可补充简单复杂度检查（如
/[a-z]/.test(v) && /\d/.test(v)），但别替代后端校验 - 后端返回的错误字段名要和前端表单
name一致（比如后端返回{"password": ["too short"]}，前端 input 的name就得是"password"） - 避免用
maxlength="16"卡死——有些密码管理器生成的长密码会被截断，建议设为maxlength="128"或不限（由后端截断）
真正容易被忽略的点：移动端软键盘回车键提交时，minlength 提示可能被遮挡；而 pattern 触发的提示又因系统不同显示位置不一。最稳的方式，是在失去焦点（blur）和提交前（submit）都做一次 JS 长度+格式检查，并把提示固定浮现在输入框下方。
