对于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 13 Javascript
JavaScript面向对象之Prototypes和继承
Jul 12 Javascript
常用jQuery选择器总结
Jul 11 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
第九篇Bootstrap导航菜单创建步骤详解
Jun 21 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
react-router实现按需加载
May 09 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
聊聊那些使用前端Javascript实现的机器学习类库
Sep 18 Javascript
ES6 javascript中Class类继承用法实例详解
Oct 30 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
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
List the Codec Files on a Computer
2007/06/18 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
JS中实现replaceAll的方法(实例代码)
2013/11/12 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
javascript与jquery中的this关键字用法实例分析
2015/12/24 Javascript
总结JavaScript三种数据存储方式之间的区别
2016/05/03 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
第一次动手实现bootstrap table分页效果
2016/09/22 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
JS闭包用法实例分析
2017/03/27 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
微信小程序三级联动选择器使用方法
2020/05/19 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
2019/01/18 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
[01:46]2020完美世界全国高校联赛秋季赛报名开启
2020/10/15 DOTA
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
python使用pandas处理大数据节省内存技巧(推荐)
2019/05/05 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
python的链表基础知识点
2020/09/13 Python
python sleep和wait对比总结
2021/02/03 Python
初二生物教学反思
2014/02/03 职场文书
社区党务公开实施方案
2014/03/18 职场文书
学校春季防火方案
2014/06/08 职场文书
检察院院长群众路线教育实践活动个人整改措施
2014/10/04 职场文书
教师节倡议书2015
2015/04/27 职场文书
新闻稿件写作范文
2015/07/18 职场文书
pandas DataFrame.shift()函数的具体使用
2021/05/24 Python