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


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 相关文章推荐
JavaScript中this关键字使用方法详解
Mar 08 Javascript
用javascript实现点击链接弹出"图片另存为"而不是直接打开
Aug 15 Javascript
javascript实现炫酷的拖动分页
May 11 Javascript
JS数组合并push与concat区别分析
Dec 17 Javascript
javascript html实现网页版日历代码
Mar 08 Javascript
浅谈json取值(对象和数组)
Jun 24 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 Javascript
js自定义input文件上传样式
Oct 26 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
Aug 15 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
Php注入点构造代码
2008/06/14 PHP
php获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
JavaScript 继承详解(四)
2009/07/13 Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
2011/05/12 Javascript
jquery实现奇偶行赋值不同css值
2012/02/17 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
Bootstrap每天必学之下拉菜单
2015/11/25 Javascript
基于jquery实现最简单的选项卡切换效果
2016/05/08 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
vue-cli构建项目使用 less的方法
2017/10/04 Javascript
js实现关闭网页出现是否离开提示
2017/12/07 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
python3使用scrapy生成csv文件代码示例
2017/12/28 Python
django加载本地html的方法
2018/05/27 Python
celery4+django2定时任务的实现代码
2018/12/23 Python
python使用if语句实现一个猜拳游戏详解
2019/08/27 Python
django 做 migrate 时 表已存在的处理方法
2019/08/31 Python
Pytorch 多维数组运算过程的索引处理方式
2019/12/27 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
英国电子产品购物网站:Tech in the basket
2019/11/08 全球购物
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
会计与审计专业大专生求职信
2013/10/03 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
党员个人剖析材料2014
2014/10/08 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
司考复习计划
2015/01/19 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书
毕业证明书
2015/06/19 职场文书
老乡会致辞
2015/07/28 职场文书
Python Numpy库的超详细教程
2022/04/06 Python