文本框千分位

Posted 森林长

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了文本框千分位相关的知识，希望对你有一定的参考价值。

事件onblur,onfocus

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" >
 3 <head>
 4     <title>javascript文本框千分位练习</title>
 5     <script type="text/javascript">
 6         function commafy(n) {
 7             var re = /\\d{1,3}(?=(\\d{3})+$)/g; //匹配数字位数 
 8             var n1 = n.replace(/^(\\d+)((\\.\\d+)?)$/, function(s, s1, s2) { return s1.replace(re, "$&,") + s2; });
 9             return n1;
10         }
11         function addThousand() {
12             var txtBox = document.getElementById("txtId");
13             txtBox.value = commafy(txtBox.value);
14         }
15         function removeThousand() {
16             var txtBox = document.getElementById("txtId");
17            txtBox.value= txtBox.value.replace(/,/g, "");            
18         }    
19     </script>
20 </head>
21 <body>
22 <input id="txtId"  onblur="addThousand()" onfocus="removeThousand()" type="text"  style="text-align:right;ime-mode:disabled"/>&nbsp<label for="txtId">千分位练习</label>
23 </body>
24 </html>
View Code

 

以上是关于文本框千分位的主要内容，如果未能解决你的问题，请参考以下文章

将金钱数变成带有千分位

python DataFrame数据格式化（设置小数位数，百分比，千分位分隔符）

怎样将word文档中数字，自动加“千分符”？

如何显示或隐藏数字中的千位分隔符

千位分隔符的完整攻略

15JS实现数字千分位格式化