html5 的 `min` 和 `max` 属性仅对数值型或日期型输入（如 `type="number"`、`type="date"`）生效，无法用于限制文本长度；若需校验固定字符数（如 5 位客户编号），应改用 `pattern` 属性配合正则表达式。
在您提供的代码中，<input id="custnum" type="text" min="5" max="5"> 之所以未触发验证，根本原因在于：min/max 对 type="text" 无效。HTML5 规范明确指出，这些属性仅适用于支持数值范围语义的输入类型（如 number、range、date、datetime-local、month、week、time）。当 type="text" 时，浏览器会忽略 min/max，即使 DOM 中已正确渲染。
✅ 正确做法：使用 pattern 实现字符串长度约束
对于“必须为 5 位字符”（含前导零）的需求，推荐使用正则表达式配合 pattern 属性：
<input
type="text"
id="custnum"
name="custnum"
required
pattern="^.{5}$"
title="Customer number must be exactly 5 characters long (e.g., '00123')"
placeholder="5-digits (leading zeros if required)"
>- ^.{5}$ 表示：从开头（^）到结尾（$）恰好匹配 5 个任意字符（. 匹配除换行符外的任意单字符），严格限定长度，不校验字符类型；
- title 属性会在验证失败时显示为原生提示文案（Chrome/Firefox 均支持）；
- 无需 JavaScript 即可触发表单提交时的原生 HTML5 验证。
⚠️ 注意事项与增强建议：
- 若需仅允许数字（如纯 5 位数字），应改用：pattern="^[0-9]{5}$" 或更严谨的 pattern="^\d{5}$"；
- 避免混用 oninput/oninvalid 手动调用 setCustomValidity() —— 当 pattern 存在时，浏览器会自动管理有效性状态，手动干预反而可能覆盖原生行为；
- 动态生成字段时，请确保 pattern 和 title 在 createElement("input") 后正确赋值：
// 替换原代码中 custnum 的处理逻辑
if (input.name === "custnum") {
input.pattern = "^.{5}$";
input.title = "Customer number must be exactly 5 characters long";
// 移除 input.min/input.max 及 oninput/oninvalid 赋值（已无意义）
}? 验证效果测试：
提交表单时，若 custnum 输入 123（3 字符）或 123456（6 字符），Chrome 将阻止提交并显示 title 提示；输入 00123 则通过验证。
? 总结：HTML5 表单验证需“类型匹配”——min/max → 数值语义，pattern → 字符串格式。合理选用语义化属性，既能减少 JS 依赖，又能保障跨浏览器一致性与无障碍访问支持。
