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


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 相关文章推荐
再谈IE中Flash控件的自动激活 ObjectWrap
Mar 09 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
jquery解决图片路径不存在执行替换路径
Feb 06 Javascript
方便实用的jQuery checkbox复选框全选功能简单实例
Oct 09 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
原生js实现类似弹窗抖动效果
Apr 02 Javascript
jQuery中closest和parents的区别分析
May 07 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
Jul 07 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
Dec 18 Javascript
AngularJS自定义过滤器用法经典实例总结
May 17 Javascript
微信小程序仿朋友圈发布动态功能
Jul 15 Javascript
小程序实现筛子抽奖
May 26 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作的文本留言本的例子(四)
2006/10/09 PHP
php生出随机字符串
2017/07/06 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
简单的php购物车代码
2020/06/05 PHP
js操作textarea方法集合封装(兼容IE,firefox)
2011/02/22 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
node.js中的path.delimiter方法使用说明
2014/12/09 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
2015/09/24 Javascript
AngularJS指令详解及示例代码
2016/08/16 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
linux系统使用python监测网络接口获取网络的输入输出
2014/01/15 Python
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
Django 设置多环境配置文件载入问题
2020/02/25 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
2012/12/09 HTML / CSS
Vita Fede官网:在意大利手工制作,在纽约市设计
2019/10/25 全球购物
温泉秘密:Onsen Secret
2020/07/06 全球购物
写给老师的表扬信
2014/01/21 职场文书
城管综合整治方案
2014/05/01 职场文书
中等生评语大全
2014/05/04 职场文书
党支部综合考察材料
2014/05/19 职场文书
学校标语大全
2014/06/19 职场文书
外国人来华邀请函
2015/01/31 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
家长通知书家长意见
2015/06/03 职场文书