当前位置: 首页 > 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/a/288956.html

相关文章:

  • 个人笔记:ORM数据库框架EFCore使用示例,运行通过,附源码
  • Redis+注解实现限流机制(IP、自定义等)
  • SpringBoot 自动装配原理及源码解析
  • 网络管理 详细讲解
  • 题解 洛谷 Luogu P1135 奇怪的电梯 广度优先搜索 BFS C/C++
  • sh cmake-linux.sh -- --skip-license --prefix = $MY_INSTALL_DIR
  • 按图搜索与精准营销:深度剖析拍立淘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利用