对于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站点实现文件共享?
韩国服务器如何优化跨境访问实现高效连接?

