文本框千分位

最新推荐文章于 2022-10-27 10:41:56 发布

weixin_30919571

最新推荐文章于 2022-10-27 10:41:56 发布

阅读量118

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/senlinzhang/p/6292473.html

版权

事件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"  οnblur="addThousand()" οnfοcus="removeThousand()" type="text"  style="text-align:right;ime-mode:disabled"/>&nbsp<label for="txtId">千分位练习</label>
23 </body>
24 </html>