对于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 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  如何在IIS中新建站点并解决端口绑定冲突?  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊?  ChatGPT 4.0官网入口地址 ChatGPT在线体验官网  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  大连 网站制作,大连天途有线官网?  Laravel如何创建和注册中间件_Laravel中间件编写与应用流程  详解Huffman编码算法之Java实现  laravel怎么在请求结束后执行任务(Terminable Middleware)_laravel Terminable Middleware请求结束任务执行方法  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  焦点电影公司作品,电影焦点结局是什么?  详解jQuery中的事件  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗?  Java垃圾回收器的方法和原理总结  如何在云指建站中生成FTP站点?  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  如何在VPS电脑上快速搭建网站?  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  如何在 Python 中将列表项按字母顺序编号(a.、b.、c. …)  Python结构化数据采集_字段抽取解析【教程】  如何快速搭建高效可靠的建站解决方案?  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  如何在云服务器上快速搭建个人网站?  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  深圳网站制作的公司有哪些,dido官方网站?  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  Python3.6正式版新特性预览  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  如何做网站制作流程,*游戏网站怎么搭建?  Java Adapter 适配器模式(类适配器,对象适配器)优缺点对比  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  Android GridView 滑动条设置一直显示状态(推荐)  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  javascript如何操作浏览器历史记录_怎样实现无刷新导航  如何为不同团队 ID 动态生成多个非值班状态按钮  详解Android图表 MPAndroidChart折线图  Linux系统运维自动化项目教程_Ansible批量管理实战  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  HTML 中动态设置元素 name 属性的正确语法详解  如何在IIS7上新建站点并设置安全权限?  三星、SK海力士获美批准:可向中国出口芯片制造设备  如何快速上传建站程序避免常见错误?  浅谈redis在项目中的应用  如何快速搭建FTP站点实现文件共享?  韩国服务器如何优化跨境访问实现高效连接?