当前位置: 首页 > article >正文

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

问题来源:测试输入时误输入两个小数点时,会出现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."
这段代码可以确保用户输入的字符串中只包含一个小数点。

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


 


http://www.kler.cn/news/288956.html

相关文章:

  • 按图搜索与精准营销:深度剖析拍立淘API用户画像构建
  • AlphaGo围棋模型——基于python语言
  • 交叉编译 gdb
  • HarmonyOS开发实战( Beta5版)优化实践/合理使用缓存提升性能
  • Linux 命令行快捷键
  • Netty Reactor面试连环问
  • 学习笔记 ---- 莫比乌斯反演总结
  • Spring Boot 入门
  • 5款手机版的影视解说文案生成器,无须下载更方便!
  • linux下cpu多核运行程序以及运行时间统计
  • 物联网(IoT)支持的小型水处理厂实时硬件在环(HIL)仿真
  • 角谷猜想——考拉兹猜想
  • 《OpenCV计算机视觉》—— 图像边缘检测
  • day4 C++
  • 【STM32】IIC
  • mongodb 在 Windows 环境下迁移数据库的问题
  • Linux:手搓shell
  • 解析淘宝商品详情API返回值中的特殊属性
  • python系列教程231——__init__.py
  • Docker php文件本地包含--pearcmd.php利用
  • Prometheus+Grafana监控数据可视化
  • 反序列化漏洞(一)
  • flume系列之:批量并行启动、停止、重启flume agent组
  • 设计模式之中介者模式
  • Pixelmator Pro for Mac 专业图像处理软件【媲美PS的修图软件】
  • 微信小程序 - 自定义头部导航栏开发
  • 【区块链 + 物联网】车载终端可信分账应用 | FISCO BCOS应用案例
  • 使用docker部署tensorrtllm推理大模型baichuan2-7b
  • 安装包丨WebGIS开发环境搭建及所需工具
  • 2024-MongoDB中国用户大会