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

html:
<input type="text" name="amount" bi="总金额(元)" onkeyup="clearNoNum(this)"/>
获取光标位置:
/*获取光标位置*/
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); //设置光标 
}
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值