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


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 防止表单重复提交代码
Jan 21 Javascript
js简单工厂模式用法实例
Jun 30 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
Sep 07 Javascript
JS实现三个层重叠点击互相切换的方法
Oct 06 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
Bootstrap零基础学习第一课之模板
Jul 18 Javascript
JS版微信6.0分享接口用法分析
Oct 13 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
JS验证输入的是否是数字及保留几位小数问题
May 09 Javascript
vue完美实现el-table列宽自适应
May 08 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
我的群发邮件程序
2006/10/09 PHP
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
php购物车实现方法
2015/01/03 PHP
PHP用反撇号执行外部命令
2015/04/14 PHP
PHPMailer ThinkPHP实现自动发送邮件功能
2018/06/10 PHP
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
提示$ is not defined错误分析及解决
2013/04/09 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
javascript列表框操作函数集合汇总
2013/11/28 Javascript
js创建元素(节点)示例
2014/01/02 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
Python编程实现线性回归和批量梯度下降法代码实例
2018/01/04 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
利用Python检测URL状态
2019/07/31 Python
pytorch 可视化feature map的示例代码
2019/08/20 Python
python递归下载文件夹下所有文件
2019/08/31 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
大学生物业管理求职信
2013/10/24 职场文书
服务承诺书怎么写
2014/05/24 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
2015年社区文体活动总结
2015/03/25 职场文书
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python