html5 的 `min` 和 `max` 属性仅对数值型或日期型输入（如 `type="number"`、`type="date"`）生效，无法用于文本长度校验；若需限制输入字符数，应改用 `pattern` 正则属性配合 `title` 提供友好提示。
在您的场景中，<input type="text" id="custnum" min="5" max="5"> 之所以未触发验证，根本原因在于：min/max 属性对 type="text" 无效。浏览器仅在 type 为 number、range、date、datetime-local、month、time 或 week 时解析并应用这些属性。而您期望的是“客户编号必须为 5 位字符（含前导零）”，这属于字符串长度约束，而非数值范围约束。
✅ 正确做法：使用 HTML5 pattern 属性进行正则校验
pattern 支持任意正则表达式（无需 /.../ 包裹），配合 title 可自定义错误提示，且原生支持表单提交时自动触发验证：
<input
type="text"
id="custnum"
name="custnum"
required
pattern="^.{5}$"
title="Customer Number must be exactly 5 characters (e.g., '00123')"
placeholder="5-digits (leading zeros if req)"
class="form-control">? 关键说明：
- ^.{5}$ 表示“从头到尾恰好 5 个任意字符”（包括数字、字母、符号），完美匹配“5 位固定长度”需求；
- 若仅允许纯数字（如 00123），可升级为 ^[0-9]{5}$；
- title 内容会在验证失败时以浏览器原生 tooltip 形式展示，提升用户体验；
- 该验证在点击 type="submit" 按钮时自动触发，无需额外 JavaScript。
? 在动态生成字段的 JavaScript 中，应这样修正 custnum 字段逻辑：
立即学习“前端免费学习笔记（深入）”；
if (input.name === "custnum") {
input.required = true;
input.pattern = "^.{5}$"; // ✅ 替换 min/max
input.title = "Customer Number must be exactly 5 characters";
// 移除无效的 input.min/input.max 赋值
}⚠️ 注意事项：
- 避免混用 min/max 与 pattern 处理长度问题，二者语义不同，且 min/max 对 text 类型完全被忽略；
- pattern 验证是客户端行为，务必在服务端（如 ASP.NET Core 后端模型绑定或 [RegularExpression] 特性）做二次校验，确保安全性；
- 若需实时反馈（如输入时高亮），可结合 input.addEventListener('input', ...) + setCustomValidity()，但基础提交验证已由 pattern 兜底。
总结：HTML5 表单验证能力强大，但需严格匹配属性与输入类型的语义。用对 pattern，即可零 JS 实现精准的字符长度控制，同时保持原生体验与可访问性。
