input数字输入框做正则验证后，光标位置跳转错误解决方法

待我称王封你为后i 2023-07-07 11:28 21阅读 0赞

###### html: ######

###### 获取光标位置: ######

/*获取光标位置*/
    function getCursorPos(obj) { 
    	var CaretPos = 0;
    	// IE Support 
    	if (document.selection) { 
    		obj.focus(); //获取光标位置函数 
    		var Sel = document.selection.createRange();
    		Sel.moveStart('character', -obj.value.length);
    		CaretPos = Sel.text.length;
    	}
    	// Firefox/Safari/Chrome/Opera support 
    	else if (obj.selectionStart || obj.selectionStart == '0')
    		CaretPos = obj.selectionEnd;
    	return (CaretPos);
    }

###### 定位光标: ######

/* 定位光标 */
    function setCursorPos(obj, pos) { 
    	if (obj.setSelectionRange) {  //Firefox/Safari/Chrome/Opera
    		obj.focus(); //
    		obj.setSelectionRange(pos, pos);
    	} else if (obj.createTextRange) {  // IE
    		var range = obj.createTextRange();
    		range.collapse(true);
    		range.moveEnd('character', pos);
    		range.moveStart('character', pos);
    		range.select();
    	}
    }

###### 正则运算: ######

//金额控制只能输入数字，保留两位小数
    function clearNoNum(obj) { 
    	var pos = getCursorPos(obj); //保存原始光标位置 
    	var temp = obj.value; //保存原始值
    	var sub = temp.substring(0, pos) //截取光标前字段
    	var nums = sub.split(',').length-1; //计算光标前字段中‘,’的个数
    	// if(/^0+$/.test(temp.replace(/[^0-9]/ig,""))) { //若字符串中只有数字0
    	
    	obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符 
    	obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的 
    	obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
    	obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
    	if (obj.value.indexOf('.') == 0) { //第一位就是 .
    		obj.value = '0' + obj.value
    	}   
    	if (obj.value.indexOf(".") < 0 && obj.value != "") {  //以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
    		obj.value = parseFloat(obj.value);
    	}
    
    	pos = pos - nums; //当前光标位置 
    	if(pos < 0) {  pos = 0; }
    	setCursorPos(obj, pos); //设置光标 
    }