当表单使用 <input type="number"> 接收金额（如 1504.33）时，浏览器默认 step="1" 会阻止非整数输入；只需显式设置 step=".01" 即可支持两位小数的合法输入。
当表单使用 `` 接收金额（如 `1504.33`）时，浏览器默认 `step="1"` 会阻止非整数输入；只需显式设置 `step=".01"` 即可支持两位小数的合法输入。
在 Web 表单开发中，金额输入常需精确到分（即两位小数），但许多开发者忽略了一个关键细节：HTML <input type="number"> 元素具有内置的数值校验机制，其 step 属性决定了允许输入的数值增量步长。默认值为 1，这意味着仅接受整数（如 1504），而 1504.33 会被浏览器视为“无效值”，导致表单提交失败或触发 :invalid 状态，甚至出现“请填写有效值”或“请输入整数”等提示。
✅ 正确做法是显式声明 step=".01"（注意：必须用英文句点，不可写为 step="0.01" 或 step="1/100"）：
<input type="number"
name="unit_price"
min="0"
step=".01"
placeholder="0.00"
class="form-control">⚠️ 注意事项：
- step=".01" 必须与 min/max 的精度兼容（例如 min="0" 是安全的；若设 min="0.05"，则 0.01 不合法）；
- 浏览器本地验证（如 Chrome/Firefox）会严格校验，但不会影响 JavaScript 计算逻辑（你已正确使用 .toFixed(2) 格式化显示）；
- 若需兼容旧版浏览器或增强健壮性，建议在提交前用 JavaScript 补充校验：
function validateMoneyInput(input) { const value = parseFloat(input.value); return !isNaN(value) && /^\d+(\.\d{1,2})?$/.test(input.value); }
? 小结：你当前的 total_amount() 和 findTotal() 脚本逻辑完全正确——问题根源不在 JavaScript，而在 HTML 输入约束。只需为所有涉及金额的 <input type="number"> 添加 step=".01"，即可无缝支持带两位小数的输入与表单提交，无需修改任何计算逻辑。
