对于input 框限定输入值为浮点型的js代码

发布时间 - 2026-01-11 03:23:37    点击率:

在一些项目中,比如金额用到浮点型,对于input  限定可以参考以下

<input type="text" value="" onkeyup="only_num(this)" onblur="only_num(this)">

<script>
  function only_num(obj){
    //得到第一个字符是否为负号
    var num = obj.value.charAt(0);
    //先把非数字的都替换掉,除了数字和.
    obj.value = obj.value.replace(/[^\d\.]/g,'');
    //必须保证第一个为数字而不是.
    obj.value = obj.value.replace(/^\./g,'');
    //保证只有出现一个.而没有多个.
    obj.value = obj.value.replace(/\.{2,}/g,'.');
    //保证.只出现一次,而不能出现两次以上
    obj.value = obj.value.replace('.','$#$').replace(/\./g,'').replace('$#$','.');
    //如果第一位是负号,则允许添加
    if(num == '-'){
      obj.value = '-'+obj.value;
    }
  }
</script>

以上这篇对于input 框限定输入值为浮点型的js代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


# input输入值为浮点型  # Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)  # JS表单提交验证、input(type=number) 去三角 刷新验证码  # JS验证input输入框(字母  # 数字  # 符号  # 中文)  # JS中input表单隐藏域及其使用方法  # js监听input输入框值的实时变化实例  # JS获得多个同name 的input输入框的值的实现方法  # javascript input输入框模糊提示功能的实现  # 第一个  # 浮点  # 给大家  # 多个  # 两次  # 希望能  # 这篇  # 先把  # 小编  # 值为  # 大家多多  # 而不是  # onkeyup  # text  # gt  # onblur  # only_num  # input  # obj  # nbsp 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251811 】 【 AI营销90571


相关推荐: Python自然语言搜索引擎项目教程_倒排索引查询优化案例  教你用AI将一段旋律扩展成一首完整的曲子  5种Android数据存储方式汇总  魔方云NAT建站如何实现端口转发?  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  Laravel广播系统如何实现实时通信_Laravel Reverb与WebSockets实战教程  谷歌浏览器如何更改浏览器主题 Google Chrome主题设置教程  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】  Laravel Asset编译怎么配置_Laravel Vite前端构建工具使用  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  如何构建满足综合性能需求的优质建站方案?  如何在阿里云ECS服务器部署织梦CMS网站?  如何快速生成高效建站系统源代码?  HTML 中如何正确使用模板变量为元素的 name 属性赋值  phpredis提高消息队列的实时性方法(推荐)  昵图网官方站入口 昵图网素材图库官网入口  三星、SK海力士获美批准:可向中国出口芯片制造设备  如何在阿里云购买域名并搭建网站?  Laravel Session怎么存储_Laravel Session驱动配置详解  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设?  海南网站制作公司有哪些,海口网是哪家的?  浅谈redis在项目中的应用  python中快速进行多个字符替换的方法小结  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  如何用景安虚拟主机手机版绑定域名建站?  Laravel如何集成Inertia.js与Vue/React?(安装配置)  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  高配服务器限时抢购:企业级配置与回收服务一站式优惠方案  如何打造高效商业网站?建站目的决定转化率  微信小程序 闭包写法详细介绍  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  高防服务器租用首荐平台,企业级优惠套餐快速部署  Laravel如何发送系统通知?(Notification渠道示例)  如何用IIS7快速搭建并优化网站站点?  Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  如何基于云服务器快速搭建个人网站?  西安专业网站制作公司有哪些,陕西省建行官方网站?  高端云建站费用究竟需要多少预算?  JS经典正则表达式笔试题汇总  nginx修改上传文件大小限制的方法  Swift中swift中的switch 语句  java获取注册ip实例  javascript中闭包概念与用法深入理解  如何用AI一键生成爆款短视频文案?小红书AI文案写作指令【教程】  JS碰撞运动实现方法详解  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?