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


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 相关文章推荐
JSON 编辑器实现代码
Dec 06 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
jquery解析json格式数据的方法(对象、字符串)
Nov 24 Javascript
基于Turn.js 实现翻书效果实例解析
Jun 20 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
angular-ngSanitize模块-$sanitize服务详解
Jun 13 Javascript
ReactNative之FlatList的具体使用方法
Nov 29 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
Apr 01 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
vue.js封装switch开关组件的操作
Oct 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
thinkphp多层MVC用法分析
2015/12/30 PHP
浅谈php中urlencode与rawurlencode的区别
2016/09/05 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
php 自定义函数实现将数据 以excel 表格形式导出示例
2019/11/13 PHP
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
JQuery 操作/获取table具体代码
2013/06/13 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
jquery实现盒子下拉效果示例代码
2013/09/12 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
2013/12/27 Javascript
javascript的日期对象、数组对象、二维数组使用说明
2014/12/22 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
微信小程序 弹幕功能简单实例
2017/02/14 Javascript
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
2020/12/28 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
[01:13]这,就是刀塔
2014/07/16 DOTA
快速了解Python中的装饰器
2018/01/11 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
彼得罗夫美国官网:Peter Thomas Roth美国(青瓜面膜)
2017/11/05 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
运动会四百米广播稿
2014/01/19 职场文书
新书发布会策划方案
2014/06/09 职场文书
营业员岗位职责范本
2015/04/14 职场文书
2015年办公室个人工作总结
2015/04/20 职场文书
SQL SERVER触发器详解
2022/02/24 SQL Server