minlength/maxlength 不触发是因为 HTML5 验证仅对非空 value 校验长度，空字符串跳过校验；required 则直接管控空值。需用 JS 手动干预或统一前后端校验规则。
为什么 required 有效但 minlength/maxlength 不触发？
常见现象是：输入框加了 minlength="6"，但用户提交时没报错，甚至空值都通过。这不是浏览器 bug，而是 HTML5 验证只对 value 非空时才检查长度约束——空字符串会跳过 minlength 和 maxlength 校验，仅受 required 管控。
-
required控制“是否为空”，空值直接报错 -
minlength仅在value.length > 0时生效，空值绕过 -
pattern同样不校验空值，除非正则显式匹配空（如pattern=".*"） - 若想让空值也走长度校验，必须用 JS 手动干预或换验证逻辑
禁用原生长度校验的三种可靠方式
真正“禁用”不是删属性，而是让浏览器忽略它。最稳妥的是移除属性本身，或用 JS 动态控制：
- 直接删掉
minlength和maxlength属性 —— 最干净，无副作用 - 用 JS 移除：
input.removeAttribute('minlength')，适合条件化禁用 - 设为无效值（不推荐）：
minlength="-1"或minlength=""，部分浏览器会静默忽略，但行为不统一，Chrome可能仍尝试解析并报 warning
想保留长度逻辑但绕过原生提示？用 setCustomValidity
如果业务需要长度判断，但不想用原生气泡提示（比如要统一弹窗或 UI 提示），可关闭原生校验再手动接管：
- 先调用
input.setCustomValidity('')清空已有校验状态 - 监听
input或blur事件，用 JS 检查input.value.length - 不满足时调用
input.setCustomValidity('密码至少6位')，再触发input.reportValidity() - 注意：只要
setCustomValidity传入非空字符串，表单就视为无效，且会阻止 submit
服务端永远不能信任前端长度校验
无论你禁用、覆盖还是强化前端长度检查，minlength 和 maxlength 都只是用户体验层的辅助，HTTP 请求中字段长度完全由客户端控制。后端必须重新校验，尤其涉及数据库字段限制（如 VARCHAR(20)）或安全边界（如防止超长 token 溢出）。
立即学习“前端免费学习笔记（深入）”；
最容易被忽略的一点：有些团队禁用了前端长度校验，却忘了同步更新后端白名单或截断逻辑，导致入库异常或 500 错误。长度规则前后端必须对齐，不能只靠“前端关掉了就等于不需要”。
