使用jQuery验证两个数字匹配并忽略$、逗号等符号的方法

你遇到的这个问题很典型——直接修改用户输入内容确实容易在多次编辑时引发格式混乱，比如重复添加$符号或者逗号叠加。更好的思路是保留用户的原始输入格式，仅在验证阶段提取纯数值进行比较，这样既不会干扰用户的输入习惯，也能准确判断数值是否匹配。

核心解决方案：提取纯数值的工具函数 #

首先写一个通用函数，用来从带格式的金额字符串中提取出纯数字（去掉$、逗号等非数值字符），然后转成可比较的数值：

function extractNumericValue(inputStr) {
  // 移除所有非数字和小数点的字符，比如$、逗号、空格
  const cleanedString = inputStr.replace(/[^0-9.]/g, '');
  // 转成浮点数，若输入为空或无效则返回0避免NaN问题
  return parseFloat(cleanedString) || 0;
}

这个函数会处理各种情况：比如"$1,000.55"会被清理成"1000.55"，"1000.55"则保持不变，最终都转成1000.55的浮点数。

表单提交时的验证逻辑 #

在表单提交前，调用上面的函数处理两个输入框的值，然后比较数值是否相等。注意浮点数可能存在精度问题（比如0.1 + 0.2不等于0.3），所以推荐将数值乘以100转成整数后比较，或者用toFixed(2)转成两位小数的字符串比较：

// 监听表单提交事件
$('form').submit(function(event) {
  const input1Value = $('#input1').val().trim();
  const input2Value = $('#input2').val().trim();

  // 提取两个输入框的纯数值
  const num1 = extractNumericValue(input1Value);
  const num2 = extractNumericValue(input2Value);

  // 用整数比较避免浮点数精度问题（乘以100后取整）
  if (Math.round(num1 * 100) !== Math.round(num2 * 100)) {
    event.preventDefault(); // 阻止表单提交
    alert('两个金额必须匹配');
    // 可选：给输入框添加错误样式提示用户
    $('#input1, #input2').addClass('error-border');
    return false;
  }

  // 验证通过，移除错误样式（如果有的话）
  $('#input1, #input2').removeClass('error-border');
});

可选：实时验证提升用户体验 #

如果想让用户在输入过程中就看到验证结果，可以监听输入框的input事件，实时进行数值比较：

// 监听两个输入框的输入事件
$('#input1, #input2').on('input', function() {
  const input1Value = $('#input1').val().trim();
  const input2Value = $('#input2').val().trim();

  // 若任一输入框为空，暂不显示验证结果
  if (!input1Value || !input2Value) {
    $('.validation-hint').text('');
    return;
  }

  const num1 = extractNumericValue(input1Value);
  const num2 = extractNumericValue(input2Value);

  if (Math.round(num1 * 100) === Math.round(num2 * 100)) {
    $('.validation-hint').text('金额匹配 ✅').css('color', '#2ecc71');
  } else {
    $('.validation-hint').text('金额不匹配 ❌').css('color', '#e74c3c');
  }
});

为什么不推荐修改用户输入？ #

你之前尝试在blur事件中修改输入框内容的方式，会在用户多次编辑时出现问题：比如用户删除部分内容后再次失去焦点，可能重复添加$符号（比如变成$$1,200.55），或者逗号在错误的位置出现。保留用户的原始输入，只在验证时处理数值，既符合用户的输入习惯，也避免了额外的格式bug。

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