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


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 名称冲突的解决方法
Apr 08 Javascript
node.js 一个简单的页面输出实现代码
Mar 07 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
Apr 26 Javascript
js实现简易的单数字随机抽奖(0-9)
Mar 19 Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 Javascript
Javascript技术栈中的四种依赖注入详解
Feb 23 Javascript
jquery操作ID带有变量的节点实例
Dec 07 Javascript
js实现点击切换checkbox背景图片的简单实例
May 08 Javascript
Angularjs 手写日历的实现代码(不用插件)
Oct 18 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
vue回到顶部监听滚动事件详解
Aug 02 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 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 adodb连接不同数据库
2009/03/19 PHP
PHP 压缩文件夹的类代码
2009/11/05 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
ThinkPHP分页实例
2014/10/15 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
Zend Framework实现留言本分页功能(附demo源码下载)
2016/03/22 PHP
Laravel框架基于中间件实现禁止未登录用户访问页面功能示例
2019/01/17 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
自己写了一个展开和收起的多更能型的js效果
2013/03/05 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
JavaScript之filter_动力节点Java学院整理
2017/06/28 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
2018/03/01 Javascript
微信小程序学习笔记之本地数据缓存功能详解
2019/03/29 Javascript
详解VSCode配置启动Vue项目
2019/05/14 Javascript
深入解读Node.js中的koa源码
2019/06/17 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
2019/11/13 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
node koa2 ssr项目搭建的方法步骤
2020/12/11 Javascript
numpy自动生成数组详解
2017/12/15 Python
python去掉空白行的多种实现代码
2018/03/19 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
IDLE下Python文件编辑和运行操作
2020/04/25 Python
Html5页面二次分享的实现
2018/07/30 HTML / CSS
智利最大的网上商店:Linio智利
2016/11/24 全球购物
创业者迈进成功第一步:如何写创业计划书?
2014/03/22 职场文书
集体生日活动方案
2014/08/18 职场文书
2014年国庆节庆祝建国65周年比赛演讲稿
2014/09/21 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
导游词之铁岭象牙山
2019/12/06 职场文书
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js
python神经网络Xception模型
2022/05/06 Python