前端 数值列 禁止输入多个小数点

问题来源：测试输入时误输入两个小数点时，会出现NAN显示

问题解决：编写 一个 JavaScript 函数来检查和处理字符串中的小数点数量

示例代码：

1. 定义一个函数，接收用户输入的字符串。
2. 检查字符串中是否包含超过一个小数点。
3. 如果有多余的小数点，则移除多余的保留第一个小数点。
4. 返回处理后的字符串。

function sanitizeInput(input) {
    // 使用正则表达式找到所有的小数点
    const decimalPoints = input.match(/\./g);
    
    // 如果小数点的数量大于 1，则移除多余的
    if (decimalPoints && decimalPoints.length > 1) {
        // 保留第一个小数点，移除其余的小数点
        input = input.replace(/\.(?=.*\.)/g, '');
    }
    
    return input;
}

// 测试函数
console.log(sanitizeInput("12.3.45")); // 输出 "12.345"
console.log(sanitizeInput("1..23"));   // 输出 "1.23"
console.log(sanitizeInput("123."));    // 输出 "123."

这段代码可以确保用户输入的字符串中只包含一个小数点。

欢迎大家留言，不定期分享工具小技巧！！！