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


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框架的AJAX实例代码
Nov 03 Javascript
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
js获取单选框或复选框值及操作
Dec 18 Javascript
javaScript 计算两个日期的天数相差(示例代码)
Dec 27 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
Mar 11 Javascript
vue watch深度监听对象实现数据联动效果
Aug 16 Javascript
redux处理异步action解决方案
Mar 22 Javascript
JavaScript cookie原理及使用实例
May 08 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
Jun 01 Javascript
微信小程序实现文件预览
Oct 22 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新手用的Insert和Update语句构造类
2012/03/31 PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
php判断当前操作系统类型
2015/10/28 PHP
基于PHP实现栈数据结构和括号匹配算法示例
2017/08/10 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
通过js动态操作table(新增,删除相关列信息)
2012/05/23 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
谈一谈javascript中继承的多种方式
2016/02/19 Javascript
JS字符串按逗号和回车分隔的方法
2017/04/25 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
2017/05/25 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
原生JS实现小小的音乐播放器
2017/10/16 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
2017/12/12 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
2019/02/15 jQuery
解决layui 三级联动下拉框更新时回显的问题
2019/09/03 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
Python中IPYTHON入门实例
2015/05/11 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的
2020/04/20 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
教师自我鉴定范文
2013/11/10 职场文书
教师个人鉴定材料
2014/02/08 职场文书
关于安全演讲稿
2014/05/09 职场文书
研究生导师评语
2014/12/31 职场文书
求职信范文怎么写
2015/03/19 职场文书
法定代表人免职证明
2015/06/24 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
Python开发之QT解决无边框界面拖动卡屏问题(附带源码)
2021/05/27 Python
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫
CKAD认证中部署k8s并配置Calico插件
2022/03/31 Servers
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python