step属性不触发原生验证，仅影响箭头增减和建议；须用JavaScript校验：(value-min)%step≈0（容差1e-10），并监听blur与submit事件。
step属性在HTML中不触发原生验证
HTML input 元素的 step 属性本身**不会阻止非法值提交或触发浏览器原生验证**——它只影响点击上下箭头时的增量、以及部分输入建议（如日期选择器），但用户仍可手动输入任意数字，且 checkValidity() 通常返回 true 即使值不符合 step 规则。
这意味着：仅靠 step="0.5" 无法真正拦截 "1.23" 这类非法值。必须用 JavaScript 手动校验。
手动验证 step 的核心逻辑是取余判断
验证的关键是：把输入值减去 min（若存在），再对 step 取余，结果应为 0（或极小浮点误差内）。不能直接用 value % step === 0，因为浮点精度会导致 1.5 % 0.5 返回 0.49999999999999994。
实操建议：
- 优先使用
min和step计算理论允许的“偏移量”：(value - min) % step - 用
Number.EPSILON或固定容差（如1e-10）判断是否接近 0 - 若未设
min，默认按min = 0处理（HTML 规范中未指定min时，step从 0 开始对齐） - 注意
value是字符串，需先转Number；转换失败（如空值、非数字）应单独处理为无效
示例函数：
function isValidStep(input) {
const value = Number(input.value);
if (isNaN(value)) return false;
<p>const min = input.min ? Number(input.min) : 0;
const step = input.step ? Number(input.step) : 1;</p><p>const diff = value - min;
const remainder = diff % step;
return Math.abs(remainder) </p>
绑定验证时机：blur + input + submit 三者缺一不可
只监听 submit 容易漏掉交互反馈；只监听 input 在快速输入时频繁触发又无必要；blur 是用户离开时的合理检查点。
推荐组合：
-
input.addEventListener('input', () => { /* 清除上一次错误提示 */ })—— 输入中清提示，避免干扰 -
input.addEventListener('blur', () => { if (!isValidStep(input)) showInvalid(input); })—— 失焦时正式校验 -
form.addEventListener('submit', e => { if (!isValidStep(input)) { e.preventDefault(); showInvalid(input); } })—— 提交兜底
注意：不要依赖 input.validity.stepMismatch —— 它在大多数浏览器中对 type="number" 仅在上下箭头操作后才可能置为 true，手动输入不触发。
兼容性与类型陷阱：type="number" 不等于数值安全
type="number" 输入框仍允许用户输入 "1.2.3"、"e"、"+" 等非法字符串，此时 input.value 是这些字符串，Number(...) 会变成 NaN。不能假设 type 属性能过滤内容。
还要注意：
-
step="any"表示不限制步长，此时跳过 step 校验 - 某些浏览器（如 Safari）对
step解析宽松，比如step="0.1"可能被解析为0.10000000000000002，所以校验时容差必须足够 - 如果 input 同时有
pattern，它和 step 验证逻辑无关，别混淆
最常被忽略的一点：min 和 step 都是字符串属性，它们的值可能含空格或单位（如 " 0.5 "），Number() 能安全处理，但显式 trim() 更稳妥。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
