如何修改内联函数实现最多两位小数的数字输入限制？

当然可以直接用内联方式实现！这里是调整后的完整代码，替换你原来的input标签即可：

<input class="quantity" type="text" onkeypress="
  const code = event.charCode;
  // 允许退格、回车等控制键
  if (code === 8 || code === 0 || code === 13) return true;
  // 允许0-9的数字
  if (code >= 48 && code <= 57) return true;
  // 处理小数点：只能有一个，且小数点后最多两位
  if (code === 46) {
    const val = event.target.value;
    return !val.includes('.') && (val.split('.')[1]?.length ?? 0) < 2;
  }
  // 其他字符一律阻止输入
  return false;
">

逻辑拆解： #

• 保留对控制键的支持：退格（ASCII 8）、光标移动等无字符操作（ASCII 0）、回车（ASCII 13），确保正常的编辑体验；
• 允许输入0-9的数字字符（ASCII 48-57）；
• 针对小数点（ASCII 46）做了关键校验：
  • 检查输入框中是否已有小数点，避免出现多小数点的无效格式（比如12.34.5）；
  • 如果已有小数点，确认小数点后的位数还未达到2位，严格限制为最多两位小数；
• 所有不符合上述规则的字符，都会被阻止输入。

额外建议： #

内联写法虽然便捷，但如果后续需要扩展验证逻辑（比如限制数字的最大值/最小值），把验证逻辑抽成独立的函数（比如validateDecimalInput(event)）会让代码更易读、易维护。不过针对你当前的需求，内联方式完全能满足要求。

内容的提问来源于stack exchange，提问作者user13286