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


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 相关文章推荐
jquery的$(document).ready()和onload的加载顺序
May 26 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
jQuery实现强制cookie过期方法汇总
May 22 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
jQuery实现标签页效果实战(4)
Feb 08 Javascript
Node.js websocket使用socket.io库实现实时聊天室
Feb 20 Javascript
Vue中的基础过渡动画及实现原理解析
Dec 04 Javascript
JS中间件设计模式的深入探讨与实例分析
Apr 11 Javascript
VueQuillEditor富文本上传图片(非base64)
Jun 03 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与PHP3中一个不兼容问题的解决方法
2006/10/09 PHP
php 301转向实现代码
2008/09/18 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
php跨域cookie共享使用方法
2014/02/20 PHP
smarty中常用方法实例总结
2015/08/07 PHP
JavaScript 学习技巧
2010/02/17 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
2016/08/02 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
微信小程序 scroll-view隐藏滚动条详解
2017/01/16 Javascript
JavaScript高阶函数_动力节点Java学院整理
2017/06/28 Javascript
微信小程序引用公共js里的方法的实例详解
2017/08/17 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
react的hooks的用法详解
2020/10/12 Javascript
[57:22]完美世界DOTA2联赛PWL S2 FTD vs PXG 第二场 11.27
2020/12/01 DOTA
简单谈谈python中的语句和语法
2017/08/10 Python
python 中的int()函数怎么用
2017/10/17 Python
python 3.6 +pyMysql 操作mysql数据库(实例讲解)
2017/12/20 Python
python celery分布式任务队列的使用详解
2019/07/08 Python
解决Pycharm 导入其他文件夹源码的2种方法
2020/02/12 Python
在python中利用dict转json按输入顺序输出内容方式
2020/02/27 Python
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
应届生服务员求职信
2013/10/31 职场文书
QA工程师岗位职责
2013/11/20 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
弘扬焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
班主任高考寄语
2015/02/26 职场文书
努力工作保证书
2015/02/28 职场文书
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS
详解Java实践之适配器模式
2021/06/18 Java/Android
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python
python垃圾回收机制原理分析
2022/04/13 Python