当使用 输入带两位小数的金额（如 1504.33）时，浏览器默认 step="1" 会阻止非整数值提交；只需显式设置 step=".01" 即可允许精确到分的货币输入。
当使用 `` 输入带两位小数的金额（如 `1504.33`）时，浏览器默认 `step="1"` 会阻止非整数值提交；只需显式设置 `step=".01"` 即可允许精确到分的货币输入。
在处理货币计算的 Web 表单中，前端 JavaScript（如您提供的 total_amount() 和 findTotal()）能正确格式化并显示两位小数（通过 .toFixed(2)），但表单能否成功提交，取决于 HTML 输入控件自身的验证规则，而非 JavaScript 的格式化逻辑。
关键问题在于：
元素具有内置的数值验证机制。若未指定 step 属性，浏览器默认 step="1"，这意味着只接受整数（如 1504），而拒绝 1504.33、1504.05 等合法金额值——即使它们已通过 JS 计算并填入，提交时仍会触发“请输入有效值”或“请使用整数”的原生提示。
✅ 正确做法是为所有涉及金额的 显式添加 step=".01"：
<!-- ✅ 推荐：支持分（0.01）精度 --> <input type="number" class="form-control qty1" name="unit_price" step=".01" min="0"><!-- ✅ 同样适用于数量（若需支持小数数量，如 1.5 升） --><input type="number" id="quantity" name="quantity" min="0.01" max="9999.99" step=".01"><!-- ✅ 总金额汇总输入框也需一致 --><input type="number" id="total" name="total" step=".01" readonly>
⚠️ 注意事项：
- step=".01" 必须与 min/max 的精度兼容（例如 min="0" 可接受 0.01，但 min="1" 则不允许 0.99）；
- 若业务逻辑要求数量必须为整数（如“件数”），则应保留 step="1"，仅对单价、金额类字段设 step=".01"；
- 不要依赖 .toFixed(2) 覆盖输入限制——它只影响显示值，不绕过 HTML5 表单验证；
- 建议配合 inputmode="decimal"（提升移动端数字键盘体验）和 pattern="\d+(\.\d{2})?"（增强兼容性，但非必需）。
总结：JavaScript 负责计算与展示精度，HTML 属性负责输入合法性约束。二者需协同——toFixed(2) 确保显示规范，step=".01" 确保输入与提交合法。修复后，1504.33 将被浏览器识别为有效数值，表单可正常提交。
