位置: 编程技术 - 正文
js格式化输入框内金额、银行卡号(js格式化输出数字)
编辑：rootadmin推荐整理分享js格式化输入框内金额、银行卡号(js格式化输出数字)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js格式化字符串,js代码格式化快捷键,js代码格式化快捷键,js如何格式化yyyymmdd的日期,js格式化输入框怎么用,js 格式化输出,js格式化字符串,js格式化输入框怎么用,内容如对您有帮助，希望把文章链接给更多的朋友！
我们在项目中经常遇到需要格式化的金额数和银行卡号，一般我们常见的有两种表现形式：输入框内格式化和输入框外格式化。这里我主要把我在项目中遇到的输入框内部格式化的，代码亮出来，框外的格式化相对简单一点。
页面代码：
银行卡号格式化
这里用“keyup”事件处理格式化，每4位数一组中间空格隔开。但是数据格式化以后又不利于计算，所以给当前元素添加一个属性“data-oral”，保存未处理的数字，这样计算或者要传递到后台可以获取“data-oral”的值。
金额格式化金额格式化和银行卡号格式化类似，但又有点不同，因为金额每3位数一组用逗号隔开，一般最后有小数点且保留两位有效数字。这里我开始用到“keyup”和"change"事件，但是IE浏览器对于change事件存在兼容问题，可以改用focus和blur事件代替。
类似给元素添加属性“data-oral”保存未格式化的数字。
其实我觉得，输入框外的格式化更合理一些，大多数都是输入框外部格式化的，我写了个例子也拉出来吧。
输入框外部格式化卡号原理很简单，就是隐藏一个显示格式化的模块，当输入框获取焦点时显示，失去焦点时隐藏即可。
页面代码：
格式化代码：
上一篇：javascript嵌套函数和在函数内调用外部函数的区别分析(js函数嵌套函数的return)
下一篇：浅析JavaScript作用域链、执行上下文与闭包(javascript设计的初衷和特点)