打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
JS自动给文本框的数字加千分位

<head><title>Test</title></head>
<body>
   
<input type="text" id="input_box" value=""/>
   
<script>
       
var input_box = document.getElementById("input_box"),
            valueBuf,
            _valueBuf;
        input_box.onblur
=function(){
            valueBuf
=this.value;
            _valueBuf
= valueBuf.replace(/(\d{3})+$/g, function(){
               
var args = arguments,
                    len
= args.length,
                    ret
= args[0].match(/(\d{3})/g).join(',');
               
if(args[0] !== args[len -1]){
                    ret
=','+ ret;
                }
               
return ret;
            });
           
this.value = _valueBuf;
        }
       
        input_box.onfocus
=function(){
           
if(valueBuf){
               
this.value = valueBuf;
            }
        }
   
</script>
</body>
</html>

方法二:

<head><title>Test</title>
   
</head>
<body>
   
<input type="text" id="input_box" value=""/>
    <script>
       
var input_box = document.getElementById("input_box"),
            valueBuf;
        window.onload
=function(){
            input_box.value
='';
        }
        input_box.onblur
=function(){
            valueBuf
=this.value;
           
this.value = valueBuf.replace(/\d{3}(?=(?:\d{3})*$)/g, function(){
               
var args = arguments;
               
if(args[1] ===0){
                   
return args[0];
                }
else{
                   
return','+args[0];
                }
            });
        }
        input_box.onfocus
=function(){
           
if(valueBuf){
               
this.value = valueBuf;
            }
        }
   
</script>
</body>
</html>

方法三:

<head><title>Test</title></head>
<body>
   
<input type="text" id="input_box" value=""/>
   
<script>
       
var input_box = document.getElementById("input_box");
        input_box.onblur
=function(){
           
this.value =this.value.replace(/\d+?(?=(?:\d{3})+$)/g, function(s){
               
return s +',';
            });
        }
        input_box.onfocus
=function(){
           
this.value =this.value.replace(/,/g, '');
        }
   
</script>
</body>
</html>


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
React 双向绑定的实现
javascript表单验证大全,
javascript复习题
转帖工具(放到首页左栏随时调用)
Biweb 做栏目
LAYUI -下拉多选效果
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服