正负小数点后两位浮点数实现原理及代码


Posted in Javascript onSeptember 06, 2013

背景:项目中需要做个对两位小数点的正负浮点数的处理,

要求:非数字或者.字符自动清除,并对.12自动修补.前的0

原理:在输入框中加入两个事件,keyup与blur,keyup处理字符串中非要求的字符,blur中对最终字符串处理成理想的格式111.11

实现:通过七个正则处理掉主功能 val代表输入的字符串

/^\d*\.?\d{0,2}$/ 验证val是否是ddd.dd的格式,是则不处理,否才处理

/[^.0-9]+/ 处理掉val中所有的非数字与.的字符

/(?:\d*\.\d{0,2}|\d+)/ 将val处理成正确的格式。

/^\d+$/ 当是整数时的处理

/^\.\d{0,2}$/ 小数点前没有数字时处理

/^\d+\.\d{0,2}$/ 小数点后数字位数在0-2之间时的处理

/^0+[1-9]\d*\.?\d{0,2}$/ val前面有0时的处理

测试数据:

fdfd100.12 122.121 12t12.57 12546 1245. 125.4 154.45.456 .126 005245.121 dfdffd等等

Demo下载

Javascript 相关文章推荐
让你的博客飘雪花超出屏幕依然看得见
Jan 04 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
JS清除IE浏览器缓存的方法
Jul 26 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
基于JavaScript实现屏幕滚动效果
Jan 18 Javascript
js+html5实现页面可刷新的倒计时效果
Jul 15 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
关于微信小程序bug记录与解决方法
Aug 15 Javascript
Angular5中状态管理的实现
Sep 03 Javascript
node.js使用express框架进行文件上传详解
Mar 03 Javascript
详解JSON.stringify()的5个秘密特性
May 26 Javascript
ant design vue的form表单取值方法
Jun 01 Vue.js
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
Sep 06 #Javascript
jquery实现metro效果示例代码
Sep 06 #Javascript
JS去除数组重复值的五种不同方法
Sep 06 #Javascript
JavaScript判断密码强度(自写代码)
Sep 06 #Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 #Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 #Javascript
jquery中prop()方法和attr()方法的区别浅析
Sep 06 #Javascript
You might like
快速配置PHPMyAdmin方法
2008/06/05 PHP
PHP中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
Yii清理缓存的方法
2016/01/06 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
用javascript获取textarea中的光标位置
2008/05/06 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
[js高手之路]原型式继承与寄生式继承详解
2017/08/28 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
Django Highcharts制作图表
2016/08/27 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
详细介绍pandas的DataFrame的append方法使用
2019/07/31 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
django模型类中,null=True,blank=True用法说明
2020/07/09 Python
python Matplotlib数据可视化(2):详解三大容器对象与常用设置
2020/09/30 Python
python爬虫利用selenium实现自动翻页爬取某鱼数据的思路详解
2020/12/22 Python
pycharm 关闭search everywhere的解决操作
2021/01/15 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
电大本科自我鉴定
2014/02/05 职场文书
三八妇女节超市活动方案
2014/08/18 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
专升本学生毕业自我鉴定
2014/10/04 职场文书
2014年班干部工作总结
2014/11/25 职场文书
报名委托书
2015/01/29 职场文书
详解MindSpore自定义模型损失函数
2021/06/30 Python
小程序实现悬浮按钮的全过程记录
2021/10/16 HTML / CSS
Java由浅入深通关抽象类与接口(上篇)
2022/04/26 Java/Android