html5 的 `min` 和 `max` 属性仅对数值型或日期型输入（如 `type="number"`、`type="date"`）生效，无法用于 `type="text"` 的字符长度限制；若需校验固定位数（如 5 位客户号），应改用 `pattern` 正则属性配合 `title` 提示。
在您的场景中，<input type="text" id="custnum" min="5" max="5"> 并不会触发 HTML5 内置的长度校验——因为 min/max 对 text 类型完全无效。浏览器仅将它们视为无意义的自定义属性，既不参与表单验证，也不影响提交行为。这是 HTML 规范明确限定的行为：min 和 max 仅适用于支持数值比较的类型（如 number、range、date、datetime-local、month、week、time），其语义是“数值范围”，而非“字符串长度”。
✅ 正确做法：使用 pattern 属性进行长度约束
对于「必须恰好 5 位字符」的需求（含前导零，如 "00123"），推荐使用正则表达式 ^.{5}$：
<input
type="text"
id="custnum"
name="custnum"
class="form-control"
placeholder="5-digits (leading zeros if req)"
required
pattern="^.{5}$"
title="Must be exactly 5 characters long"
>该正则含义：
- ^：字符串起始
- .{5}：匹配任意字符（除换行符）恰好 5 次
- $：字符串结束
→ 精确匹配 5 字符长度，天然支持数字、字母、前导零等。
? 在动态生成字段的 JavaScript 中，请同步替换属性设置逻辑：
if (input.name === "custnum") {
input.required = true;
input.pattern = "^.{5}$";
input.title = "Must be exactly 5 characters long";
// 移除无效的 min/max 赋值
// input.min = "5"; → ❌ 删除
// input.max = "5"; → ❌ 删除
}⚠️ 注意事项：
立即学习“前端免费学习笔记（深入）”；
- pattern 校验区分大小写且默认贪婪匹配，无需额外修饰符；
- 若需仅允许数字（如纯 5 位数字），改用 pattern="^[0-9]{5}$"；
- title 属性至关重要——它是用户鼠标悬停或验证失败时显示的提示文本，缺失将导致错误信息不可见；
- 不要混用 oninput/oninvalid 手动调用 setCustomValidity()，除非需覆盖默认行为；原生 pattern 已提供完整、无障碍友好的验证体验；
- 务必保留 required，否则空值将绕过 pattern 校验（pattern 不校验空值）。
? 补充：若坚持使用 type="number"，虽可启用 min/max，但会丢失前导零（如 "00123" 被转为 123），且移动端键盘不友好，不推荐用于客户编号类文本标识符。
综上，修正后的字段既符合 HTML5 标准，又具备跨浏览器兼容性（Chrome 109+、Firefox、Safari 均支持），无需额外 JS 即可完成客户端强校验，同时保持与 ASP.NET Core Razor Pages 模型绑定的无缝衔接。
