使用jQuery开发计算器：实现计算时逗号转小数点功能

当然可以实现！这个需求在习惯用逗号做小数点的场景里特别常见，核心思路就是在获取输入值的环节，把逗号转换成JS能识别的小数点，同时处理一些异常输入避免计算出NaN。

先给你一个带优化处理的完整代码：

// 封装工具函数，统一处理输入的数字格式
function normalizeNumberInput(inputVal) {
  return inputVal
    .replace(/,/g, '.') // 把所有逗号替换成小数点
    .replace(/^(\d*\.)(.*)\./g, '$1$2') // 只保留第一个小数点，去掉后面多余的
    .replace(/^\./, '0.'); // 如果输入以小数点开头，自动补0，比如 .5 → 0.5
}

$(document).ready(function() {
  $("#price,#supply").keyup(function(){
    // 处理两个输入框的值
    var priceStr = normalizeNumberInput($('#price').val());
    var supplyStr = normalizeNumberInput($('#supply').val());
    
    // 转成数字，空值或无效值默认设为0
    var price = parseFloat(priceStr) || 0;
    var supply = parseFloat(supplyStr) || 0;
    
    // 计算总和
    var total = price * supply;
    
    // 如果需要把结果也显示成逗号小数点的格式，解开下面的注释
    // total = total.toString().replace(/\./g, ',');
    
    $('#total').val(total);
  });
});

关键细节说明： #

• 全局替换逗号：用replace(/,/g, '.')确保不管用户输入多少个逗号，都会统一转成小数点，避免JS无法识别逗号格式的数字。
• 修复异常输入：比如用户输入1.2.3或者1,2,3，都会被转换成1.23；如果直接输入.5，会自动补成0.5，符合规范的数字格式。
• 避免无效计算：用|| 0兜底，当输入为空或者乱码时，默认用0参与计算，不会在结果框里显示NaN。

如果你的用户习惯看逗号做小数点的结果，只需要把代码里注释的那一行解开，计算后的结果就会把小数点转回逗号显示啦。

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