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

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

问题来源:测试输入时误输入两个小数点时,会出现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."
这段代码可以确保用户输入的字符串中只包含一个小数点。欢迎大家留言,不定期分享工具小技巧!!!


 

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Debian Linux上安装Jumpserver
  • vue-draggable-plus实现某些子元素不被拖拽
  • JS中【querySelectorAll】详解
  • 【Node】【7】函数
  • 8.28-回顾+容器与主机之间的通信+跨主机容器之间的通信
  • NTP简介及相关概念
  • mysql创建存储过程
  • 音频PCM的能量dB计算
  • iOS巨魔商店免越狱作弊解决方案
  • Redis: 用于纯缓存模式需要注意的地方
  • zoom 会议 javascript 转录例子
  • Unity 贴图拷贝与性能对比
  • Python中的`while`循环:探索无限可能
  • 《深入理解 C++虚函数:开启多态之门的关键》
  • 双登集团IPO:铅酸电池业务仍为重心,暴露了成长天花板?
  • 【391天】每日项目总结系列128(2018.03.03)
  • classpath对获取配置文件的影响
  • CNN 在图像分割中的简史:从 R-CNN 到 Mask R-CNN
  • iOS | NSProxy
  • Javascript弹出层-初探
  • JavaScript异步流程控制的前世今生
  • JAVA并发编程--1.基础概念
  • Nginx 通过 Lua + Redis 实现动态封禁 IP
  • Vue小说阅读器(仿追书神器)
  • web标准化(下)
  • 从0到1:PostCSS 插件开发最佳实践
  • 复杂数据处理
  • 给github项目添加CI badge
  • 汉诺塔算法
  • 解决iview多表头动态更改列元素发生的错误
  • 解析带emoji和链接的聊天系统消息
  • 聚类分析——Kmeans
  • 排序算法之--选择排序
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 三分钟教你同步 Visual Studio Code 设置
  • 为视图添加丝滑的水波纹
  • 限制Java线程池运行线程以及等待线程数量的策略
  • 在Mac OS X上安装 Ruby运行环境
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • Java数据解析之JSON
  • Linux权限管理(week1_day5)--技术流ken
  • Spring第一个helloWorld
  • 阿里云API、SDK和CLI应用实践方案
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • #android不同版本废弃api,新api。
  • #中的引用型是什么意识_Java中四种引用有什么区别以及应用场景
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (20050108)又读《平凡的世界》
  • (2024,RWKV-5/6,RNN,矩阵值注意力状态,数据依赖线性插值,LoRA,多语言分词器)Eagle 和 Finch
  • (4) PIVOT 和 UPIVOT 的使用
  • (6) 深入探索Python-Pandas库的核心数据结构:DataFrame全面解析
  • (Arcgis)Python编程批量将HDF5文件转换为TIFF格式并应用地理转换和投影信息
  • (CVPRW,2024)可学习的提示:遥感领域小样本语义分割
  • (javascript)再说document.body.scrollTop的使用问题