首页 > 代码库 > 文本框千分位

文本框千分位

2024-09-01 09:32:36   215人阅读

事件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 =http://www.mamicode.com/ commafy(txtBox.value);
14         }
15         function removeThousand() {
16             var txtBox = document.getElementById("txtId");
17            txtBox.value= http://www.mamicode.com/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

 

文本框千分位


联系
我们