编程 Javascript

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

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 相关文章推荐

javascript attachEvent和addEventListener使用方法

Mar 19 Javascript

JavaScript中String和StringBuffer的速度之争

Apr 01 Javascript

jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍

Oct 21 Javascript

JS实现模仿微博发布效果实例代码

Dec 16 Javascript

JavaScript仿网易选项卡制作代码

Oct 06 Javascript

微信小程序动态添加分享数据

Jun 14 Javascript

webpack实用小功能介绍

Jan 02 Javascript

layui弹出层按钮提交iframe表单的方法

Aug 20 Javascript

详解webpack-dev-server使用方法

Sep 14 Javascript

自定义Vue中的v-module双向绑定的实现

Apr 17 Javascript

Node.js安装详细步骤教程(Windows版)详解

Sep 01 Javascript

详解Vue3 Teleport 的实践及原理

Dec 02 Vue.js

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下正则来匹配dede模板标签的代码

2010/08/21 PHP

PHP的几个常用数字判断函数代码

2012/04/24 PHP

php实现文件编码批量转换

2014/03/10 PHP

浅谈PHP中JSON数据操作

2015/07/01 PHP

实例解析php的数据类型

2018/10/24 PHP

PHP树形结构tree类用法示例

2019/02/01 PHP

boxy基于jquery的弹出层对话框插件扩展应用弹出层选择器

2010/11/21 Javascript

JavaScript 字符串处理函数使用小结

2010/12/02 Javascript

JS完成代码前最好对其做5件事

2013/04/07 Javascript

不用锚点也可以平滑滚动到页面的指定位置实现代码

2013/05/08 Javascript

jQuery通过点击行来删除HTML表格行的实现示例

2014/09/10 Javascript

JavaScript检查子字符串是否在字符串中的方法

2016/02/03 Javascript

详细分析Javascript中创建对象的四种方式

2016/08/17 Javascript

JavaScript定时器实现的原理分析

2016/12/06 Javascript

webpack源码之loader机制详解

2018/04/06 Javascript

vue select组件的使用与禁用实现代码

2018/04/10 Javascript

解决vuex数据异步造成初始化的时候没值报错问题

2019/11/13 Javascript

基于js实现逐步显示文字输出代码实例

2020/04/02 Javascript

[01:16:28]DOTA2-DPC中国联赛正赛 iG vs Magma BO3 第二场 2月23日

2021/03/11 DOTA

教你安装python Django（图文）

2013/11/04 Python

Python中获取对象信息的方法

2015/04/27 Python

python3实现windows下同名进程监控

2018/06/21 Python

Python全面分析系统的时域特性和频率域特性

2020/02/26 Python

Python+Kepler.gl实现时间轮播地图过程解析

2020/07/20 Python

详解Python中list[::-1]的几种用法

2020/11/16 Python

css3加js做一个简单的3D行星运转效果实例代码

2017/01/18 HTML / CSS

Giglio英国站：意大利奢侈品购物网

2018/03/06 全球购物

西班牙灯具网上商店：Lampara.es

2018/06/05 全球购物

门诊挂号室室长岗位职责

2013/11/27 职场文书

酒店员工检讨书

2014/02/18 职场文书

学生社团文化节开幕式主持词

2014/03/28 职场文书

房屋买卖协议书范本

2014/04/10 职场文书

五分钟演讲稿

2014/04/30 职场文书

2015年元旦联欢晚会活动总结

2014/11/28 职场文书

会计工作总结范文2014

2014/12/23 职场文书

幼儿园教师岗位职责

2015/04/02 职场文书