input输入金钱的时候加上逗号_input标签輸入内容保留逗号-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_39155533/article/details/105223659

input输入金钱的时候加上逗号

html

<body>
		<input type="" id="money" value="" />
	</body>

//监听页面加载完成
		window.addEventListener("load",function(){
			//监听input的输入事件
			document.getElementById('money').addEventListener('input',function(){
				this.value = this.value.replace(/[^\d^\.]+/g, "")
            	if (this.value) {
            		var rt = [],num,tail;
            		if(this.value.indexOf('.')>0){
            			num = this.value.slice(0,this.value.indexOf('.'));
            			tail =this.value.slice(this.value.indexOf('.'));
            		}else{
            			num = this.value.replace(/[^\d^\.]+/g, "");
            			tail = '';
            		}
            		if(num.length>3){
            			var mod = num.length%3;
            			val = (mod == 0 ? '' : (num.substring(0, mod)));
            			for(var i = 0 ; i < Math.floor(num.length / 3); i++){
            				if ((mod == 0) && (i == 0)){
            					 val += num.substring(mod + 3 * i, mod + 3 * i + 3);
            				}else{
            					val += ',' + num.substring(mod + 3 * i, mod + 3 * i + 3);
            				}
            	                
                		}
            			val += tail;
            		}else{
            			val = this.value;
            		}
            		this.value = val;
            	}
			})
		},false)

很久之前写的了就是每次输入过滤掉不是数字的字符串然后判断是否有小数点有的话小数点前面的没三位数加一个逗号小数点后面的不管然后再给input赋值如果对你们有帮助希望点个赞支持一下