输入数字，鼠标离开焦点，整数部分千分格式化。

最新推荐文章于 2019-06-14 16:02:32 发布

xdsc1314

最新推荐文章于 2019-06-14 16:02:32 发布

阅读量409

点赞数 1

文章标签： H5千分格式化金额

本文链接：https://blog.csdn.net/xdsc1314/article/details/78730268

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		请输入金额:<input type="number" id="in" οnblur="fn()"/>
		<script type="text/javascript">
			var flag=false;
			function fn(){
				var inp = document.getElementById("in").value;
				var arr=inp.split("");
				var result=[];
				var temp=arr.length-1;
				var counter=0;
				//判断是否含有小数点
				for(var j=arr.length-1; j>=0;j--){
					if(arr[j]=="."){
						temp=j-1;
					}
				}
				//alert(temp);
				//格式化数字
			    for(var i=temp;i>=0;i--){
			    	counter++;
			    	result.unshift(arr[i]);         
			    	if(!(counter%3)&&i!=0){
			    		result.unshift(",");
			    	}
			    }
			    //追加小数点后面元素
			    for(var i=temp+1;i<arr.length-1;i++){
			    	result.push(arr[i]); 
			    }
			   
			   //输出并设置不在改变
			    if(!flag){
			    	document.getElementById("in").type="text";
					document.getElementById("in").value = result.join("");
					flag=true;
			    }
				 	
			}
		</script>
	</body>
</html>

xdsc1314

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
输入数字，鼠标离开焦点，整数部分千分格式化。

请输入金额: var flag=false; function fn(){ var inp = document.getElementById("in").value; var arr=inp.split(""); var result=[]; var temp=arr.length-1; var counter=0; //判断是否
复制链接

扫一扫