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


Posted in Javascript onSeptember 25, 2017

在一些项目中,比如金额用到浮点型,对于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代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 基础问答三
Dec 03 Javascript
Dom在ajax技术中的作用说明
Oct 25 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
教你用jquery实现iframe自适应高度
Jun 11 Javascript
javascript实现获取字符串hash值
May 10 Javascript
ES6所改良的javascript“缺陷”问题
Aug 23 Javascript
JS实现的几个常用算法
Nov 12 Javascript
详解在 Angular 项目中添加 clean-blog 模板
Jul 04 Javascript
深入理解Node module模块
Mar 26 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
Nov 21 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
angular异步验证防抖踩坑实录
Dec 01 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 #Javascript
React学习之事件绑定的几种方法对比
Sep 24 #Javascript
一文让你彻底搞清楚javascript中的require、import与export
Sep 24 #Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 #Javascript
JS实现手写parseInt的方法示例
Sep 24 #Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 #Javascript
详解Web使用webpack构建前端项目
Sep 23 #Javascript
You might like
Terran历史背景
2020/03/14 星际争霸
第十一节 重载 [11]
2006/10/09 PHP
PHP 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
elgg 获取文件图标地址的方法
2010/03/20 PHP
上传文件先创建目录 再上传到目录里面去
2010/12/29 PHP
PHP使用数组实现队列
2012/02/05 PHP
PHP curl 并发最佳实践代码分享
2012/09/05 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等)
2014/04/21 PHP
PHP5中实现多态的两种方法实例分享
2014/04/21 PHP
百度工程师讲PHP函数的实现原理及性能分析(二)
2015/05/13 PHP
javascript 限制输入和粘贴(IE,firefox测试通过)
2008/11/14 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
2014/01/23 Javascript
基于jQuery实现表单提交验证
2014/11/24 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
2016/10/29 Javascript
Javascript 函数的四种调用模式
2016/11/05 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
解决VUE中document.body.scrollTop为0的问题
2018/09/15 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
[01:04:05]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
python调用API实现智能回复机器人
2018/04/10 Python
python 使用pdfminer3k 读取PDF文档的例子
2019/08/27 Python
使用Puppeteer爬取微信文章的实现
2020/02/11 Python
企业治理工作自我评价
2013/09/26 职场文书
会计实习生工作总结的自我评价
2013/10/07 职场文书
工业自动化专业毕业生推荐信
2013/11/18 职场文书
小学新学期教师寄语
2014/01/18 职场文书
预备党员对照检查材料思想汇报
2014/09/24 职场文书
教你怎么用Python实现多路径迷宫
2021/04/29 Python
go开发alertmanger实现钉钉报警
2021/07/16 Golang