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


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 相关文章推荐
Opacity.js
Jan 22 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
May 11 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
jquery实现标题字体变换的滑动门菜单效果
Sep 07 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
seajs学习教程之基础篇
Oct 20 Javascript
js实现tab切换效果
Feb 16 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
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
php4与php5的区别小结(配置异同)
2011/12/20 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
浅谈php命令行用法
2015/02/04 PHP
php抽象类使用要点与注意事项分析
2015/02/09 PHP
浅说js变量
2011/05/25 Javascript
动态的改变IFrame的高度实现IFrame自动伸展适应高度
2012/12/28 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
Windows系统中安装nodejs图文教程
2015/02/28 NodeJs
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
理解JavaScript表单的基础知识
2016/01/25 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
2019/04/28 jQuery
vue中英文切换实例代码
2020/01/21 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
Python数据类型中的“冒号“[::]——分片与步长操作示例
2018/01/24 Python
Python实现的质因式分解算法示例
2018/05/03 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
Django如何将URL映射到视图
2019/07/29 Python
python中的RSA加密与解密实例解析
2019/11/18 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
CSS3条纹背景制作的实战攻略
2016/05/31 HTML / CSS
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
中层干部竞争上岗演讲稿
2014/01/13 职场文书
小学生清明节演讲稿
2014/09/05 职场文书
法人单位适用的授权委托书
2014/09/19 职场文书
综治维稳工作汇报
2014/10/27 职场文书
2014年预算员工作总结
2014/12/05 职场文书
简历自我评价优缺点
2015/03/11 职场文书
起诉书范文
2015/05/20 职场文书
朋友聚会开场白
2015/06/01 职场文书
回复函范文
2015/07/14 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android
Win11更新失败并提示0xc1900101
2022/04/19 数码科技