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


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 相关文章推荐
Html中JS脚本执行顺序简单举例说明
Jun 19 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
Mar 08 Javascript
JS中使用 after 伪类清除浮动实例
Mar 01 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
js上传图片预览的实现方法
May 09 Javascript
Angular 5.0 来了! 有这些大变化
Nov 15 Javascript
Vue基本使用之对象提供的属性功能
Apr 30 Javascript
解决小程序无法触发SESSION问题
Feb 03 Javascript
使用vue引入maptalks地图及聚合效果的实现
Aug 10 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验证码类(分享)
2013/08/06 PHP
PHP比较运算符的详细介绍
2015/09/29 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
Javascript 生成指定范围数值随机数
2009/01/09 Javascript
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
js 创建书签小工具之理论
2011/02/25 Javascript
全面理解面向对象的 JavaScript(来自ibm)
2013/11/10 Javascript
JS实现的数组全排列输出算法
2015/03/19 Javascript
javascript实现倒计时并弹窗提示特效
2015/06/05 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
2015/11/16 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
JSON字符串和JSON对象相互转化实例详解
2017/01/05 Javascript
vue实现多级菜单效果
2019/10/19 Javascript
Python查询Mysql时返回字典结构的代码
2012/06/18 Python
python实现rsa加密实例详解
2017/07/19 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
使用python-Jenkins批量创建及修改jobs操作
2020/05/12 Python
Python requests接口测试实现代码
2020/09/08 Python
Python和Bash结合在一起的方法
2020/11/13 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
表达自我的市场:Society6
2018/08/01 全球购物
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
教育实习生的自我评价分享
2013/11/21 职场文书
应届生自我鉴定
2013/12/11 职场文书
企事业单位求职者的自我评价
2013/12/28 职场文书
优秀党员主要事迹
2014/01/19 职场文书
竞选副班长演讲稿
2014/04/24 职场文书
大学国际贸易专业自荐信
2014/06/05 职场文书
高中班长竞选稿
2015/11/20 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
bat批处理之字符串操作的实现
2022/03/16 Python
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技