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


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_02_理解undefined和null
Oct 11 Javascript
javascript显示用户停留时间的简单实例
Aug 05 Javascript
js自动生成对象的属性示例代码
Oct 28 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
php中给js数组赋值方法
Mar 10 Javascript
node.js中的path.isAbsolute方法使用说明
Dec 08 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
JavaScript是如何实现继承的(六种方式)
Mar 31 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
Vue2.0结合webuploader实现文件分片上传功能
Mar 09 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
Nov 26 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
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编码转换问题
2015/07/28 PHP
yii2.0实现验证用户名与邮箱功能
2015/12/22 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
javascript 获取图片颜色
2009/04/05 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
2012/05/23 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
JavaScript判断DIV内容是否为空的方法
2016/01/29 Javascript
AngularJS基础 ng-if 指令用法
2016/08/01 Javascript
js初始化验证实例详解
2016/11/26 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
2017/03/21 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
2017/03/30 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
jQuery控制input只能输入数字和两位小数的方法
2019/05/16 jQuery
使用webpack和rollup打包组件库的方法
2021/02/25 Javascript
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Python list操作用法总结
2015/11/10 Python
详解Python核心对象类型字符串
2018/02/11 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
Python进阶之自定义对象实现切片功能
2019/01/07 Python
利用rest framework搭建Django API过程解析
2019/08/31 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
建筑学推荐信
2013/11/03 职场文书
办公室驾驶员岗位职责
2013/11/15 职场文书
探矿工程师自荐信
2014/01/24 职场文书
大学生党员自我批评
2014/02/14 职场文书
物流管理专业毕业生自荐信
2014/03/04 职场文书
产品包装策划方案
2014/05/18 职场文书
工程部经理岗位职责
2015/02/02 职场文书
python opencv通过4坐标剪裁图片
2021/06/05 Python