JavaScript正则表达式：匹配数字输入需剔除的非合规字符

你的思路方向是对的，但[^0-9\.\-]+只能匹配**既不是数字、也不是.、也不是-**的字符，对于重复的.或-（比如..、--），或者已经出现过一个.之后又出现的.（比如12.34.56里的第二个.），这些字符属于你排除的集合（[0-9\.\-]），所以这个正则匹配不到它们，自然没法替换掉。

要实现你需要的效果——保留数字、最多一个.和最多一个-，其余无效字符全部清除——可以分几种方式实现：

方法一：分步正则替换（兼容性较好） #

如果需要兼容不支持ES2018后行断言的旧浏览器，分三步处理更稳妥：

1. 先清除所有非数字、非.、非-的字符
2. 清除第一个.之后出现的所有.
3. 清除第一个-之后出现的所有-

代码示例：

function cleanNumberInput(input) {
  return input
    // 第一步：移除所有非数字、非.、非-的字符
    .replace(/[^0-9\.\-]/g, '')
    // 第二步：移除第一个.之后的所有.
    .replace(/(\.)(.*)\./g, '$1$2')
    // 第三步：移除第一个-之后的所有-
    .replace(/(\-)(.*)\-/g, '$1$2');
}

// 测试示例
console.log(cleanNumberInput('abc..123--45.67-89')); // 输出 "-123.456789"
console.log(cleanNumberInput('123a45.-6')); // 输出 "12345.-6"

方法二：使用后行断言的简洁正则（现代浏览器支持） #

现代浏览器（Chrome 62+、Firefox 78+等）支持后行断言，可以用一个正则组合处理所有无效内容：

const invalidCharsRegex = /[^0-9\.\-]|(?<=\.).|(?<=\-)\-/g;
const cleanedInput = input.replace(invalidCharsRegex, '');

// 测试示例
console.log('abc..123--45.67-89'.replace(invalidCharsRegex, '')); // 输出 ".123-456789"

这个正则会匹配三类内容：非数字/./-的字符、已经出现过.之后的所有.、已经出现过-之后的所有-，一次性替换为空即可。

方法三：字符过滤函数（最直观，无兼容问题） #

如果觉得正则逻辑有点绕，用数组过滤的方式更易懂，还能轻松扩展规则（比如限制-只能在开头）：

function cleanNumberInput(input) {
  let hasDot = false;
  let hasDash = false;
  return input.split('').filter(char => {
    // 数字直接保留
    if (/\d/.test(char)) {
      return true;
    }
    // 未出现过.时，保留当前.并标记已出现
    if (char === '.' && !hasDot) {
      hasDot = true;
      return true;
    }
    // 未出现过-时，保留当前-并标记已出现
    if (char === '-' && !hasDash) {
      hasDash = true;
      return true;
    }
    // 其他情况全部过滤
    return false;
  }).join('');
}

// 测试示例
console.log(cleanNumberInput('abc..123--45.67-89')); // 输出 "-123.456789"

这个方法能精准控制只保留一个.和一个-，逻辑清晰，也不需要担心正则的兼容性问题。

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