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


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 相关文章推荐
js的闭包的一个示例说明
Nov 18 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
Apr 01 Javascript
javascript笔记 String类replace函数的一些事
Sep 22 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
Jquery submit()无法提交问题
Apr 21 Javascript
关于Javascript 对象(object)的prototype
May 09 Javascript
JS实现的倒计时效果实例(2则实例)
Dec 23 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
Vue.js实战之利用vue-router实现跳转页面
Apr 01 Javascript
Vue内容分发slot(全面解析)
Aug 19 Javascript
node koa2 ssr项目搭建的方法步骤
Dec 11 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 缩略图实现函数代码
2011/06/23 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
完善的jquery处理机制
2016/02/21 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
基于JQuery的购物车添加删除以及结算功能示例
2017/03/08 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
vue安装和使用scss及sass与scss的区别详解
2018/10/15 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
2019/09/10 Javascript
javascript实现画板功能
2020/04/12 Javascript
原生JS实现拖拽效果
2020/12/04 Javascript
Python实现的ini文件操作类分享
2014/11/20 Python
Python 文件处理注意事项总结
2017/04/10 Python
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
Python单元测试与测试用例简析
2019/11/09 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
python 命名规范知识点汇总
2020/02/14 Python
基于pandas向csv添加新的行和列
2020/05/25 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
html5用video标签流式加载的实现
2020/05/20 HTML / CSS
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
制药工程专业应届生求职信
2013/09/24 职场文书
社区灵活就业证明
2014/11/03 职场文书
2014年流动人口工作总结
2014/11/26 职场文书
上班迟到检讨书范文
2015/05/06 职场文书