码迷,mamicode.com
首页 > 其他好文 > 详细

文本框千分位

时间:2017-01-17 12:41:47      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:label   nal   one   nbsp   ble   div   var   open   tar   

事件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

 

文本框千分位

标签:label   nal   one   nbsp   ble   div   var   open   tar   

原文地址:http://www.cnblogs.com/senlinzhang/p/6292473.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!