minlength属性必须与required配合且仅对文本类元素生效，否则无效；浏览器仅在提交时校验，且仅当字段必填才检查长度，type="number"等非文本类型完全忽略该属性。
minlength 属性能用，但必须和 required 一起写，且只对文本类 input 和 textarea 生效；单独写 minlength="5" 就是摆设。
为什么填了 3 个字符还报“请填写最少 X 个字符”？
浏览器原生校验只在提交时触发，且仅当字段被标记为必填（即带 required）才会检查 minlength。如果用户留空，先报 valueMissing；如果用户输 2 个字又没加 required，校验直接跳过。
- ✅ 正确：
- ❌ 无效：
（不拦空，也不拦短输入） - ⚠️ 注意：
type="number"、type="date"、type="color"完全无视minlength——它只数字符串长度，而这些类型在 DOM 中的value可能为空或NaN
Bootstrap 5 里 minlength 怎么让 invalid-feedback 显示？
Bootstrap 5 的表单验证完全依赖浏览器 Constraint Validation API，minlength 触发的是 validity.tooShort === true，只要满足两个条件，.invalid-feedback 就会自动显示：
- 元素有
minlength且required（或通过 JS 确保非空） - 表单容器有
class="was-validated"（通常由form.checkValidity()或手动添加） - 别删掉
novalidate—— 它禁用浏览器默认弹窗，把提示权交给 Bootstrap 的样式
示例：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
移动端 Safari 和旧浏览器怎么兜底？
iOS Safari 直到 10.3 才支持 minlength，更早版本静默忽略。如果你的用户还有 iOS 9 设备，光靠 HTML 属性会失效。
- 监听
input事件，用el.value.length实时判断（别用valueAsNumber） - 调用
el.setCustomValidity("至少 5 位")+el.reportValidity()只在提交时触发；日常输入建议用 CSS 类 + 文案提示，避免频繁弹窗 - 对
type="tel"这类带格式化逻辑的输入框，记得先replace(/\D/g, '')再算长度
真正容易被忽略的点：所有前端限制（包括 minlength 和 JS 校验）都只是体验层，后端必须重复校验并截断/拒绝——否则用户禁用 JS、用 curl 提交、甚至直接改 DOM，都能绕过。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
