单行 JS 实现移动端金钱格式的输入规则
更新时间：2017年05月22日 08:45:06 作者：nzbin
这篇文章主要介绍了单行 JS 实现移动端金钱格式的输入规则,非常不错，具有参考借鉴价值，需要的朋友可以参考下
金钱格式检验属于很普通的需求，记得工作中第一次遇到这个需求的时候，还不太会写正则表达式，搜到了一个类似的解决方案，看着正则的文档改成了自己需要的形式。
但是用户的输入操作是任意的，只是显示提示信息，这种方式虽然可以满足要求，但是感觉不友好。
其实移动端的很多应用在输入金钱时都是屏蔽错误输入，只能输入正确的格式。先看一看金钱格式的输入规则有哪些：
1. 不能输入空白字符及字母
2. 只能输入数字及小数点
3. 首位不能为小数点
4. 小数点只能出现一次
5. 小数点后只有两位
6. 不能输入首位是 0 的多位数
看似很简单的问题，其实要考虑的很周全才可以。但是代码可以写的很简洁，我费了不少心思摸索出来的。对于校验部分确实只需要一行
function moneyFormat(str) {
return str.replace(/[^\d\.]|^\./g, '').replace(/\.{2}/g, '.').replace(/^([1-9]\d*|0)(\.\d{1,2})(\.|\d{1})?$/, '$1$2').replace(/^0\d{1}/g, '0');
}
时间不早了，就写这么多吧，最后贴上我在 CodePen 写的 Demo，希望能帮到有需要的人。
以上所述是小编给大家介绍的单行 JS 实现移动端金钱格式的输入规则，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
下面小编就为大家带来一篇浅谈js中调用函数时加不加括号的问题 。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
console.log 原先是 Firefox 的 专利 ，严格说是安装了 Firebugs 之后的 Firefox 所独有的调试 绝招2012-05-05
这篇文章主要为大家详细介绍了js仿小米二级菜单显示效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
大型网站往往很矛盾，想用户在首页看到更多东西，又不想浪费太多服务器流量。比如一个有3屏的首页。可能50%的用户进首页的目的是点击首页的连接，到子页面。2010-05-05
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果,下面这篇文章主要给大家介绍了关于微信小程序组件开发之可视化电影选座功能的相关资料,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了JS实现前端动态分页码代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了ES6基础之默认参数值，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
今天小编就为大家分享一篇Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本篇文章是基于jquery实现导航菜单高亮显示，当点击不同导航菜单实现当前点击的菜单是高亮的，有需要的朋友可以关注下本文2015-08-08
这篇文章主要为大家详细介绍了javaScript日期工具类的汇总，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
最新评论