单行 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 实现移动端金钱格式的输入规则，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
WebSocket是一种在单个TCP连接上进行全双工通信的协议，它可以让客户端和服务器之间进行实时的双向通信，这篇文章主要介绍了前端使用websocket发送消息的示例代码,需要的朋友可以参考下2023-07-07
这篇文章主要为大家详细介绍了JS+AJAX实现省市区的下拉列表联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
js-FCC算法-No repeats please字符串的全排列(详解)
下面小编就为大家带来一篇js-FCC算法-No repeats please字符串的全排列(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章介绍了JS实现定时自动消失的弹出窗口，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
这篇文章主要介绍了通过JS判断网页是否为手机打开,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
JavaScript高级程序设计 读书笔记之九 本地对象Array
本地对象Array，数组等操作函数2012-02-02
这篇文章主要介绍了js使用Canvas将多张图片合并成一张的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-04-04
这篇文章主要介绍了Bootstrap打造一个左侧折叠菜单的系统模板(二)的相关资料,需要的朋友可以参考下2016-05-05
使用Javascript开发sliding-nav带滑动条效果的导航插件
这篇文章主要介绍了使用Javascript开发sliding-nav带滑动条效果的导航插件,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-03
最新评论