金额框(输入框限制)

最新推荐文章于 2022-11-09 18:16:23 发布

vip545058

最新推荐文章于 2022-11-09 18:16:23 发布

阅读量4.1k

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/vip545058/article/details/25881133

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<input id="inputMoney" type="text" οnkeyup="clearNoNum(this)"

onKeyPress="if((event.keyCode<48 || event.keyCode>57)

&& event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false"> 元

function clearNoNum(obj)
	{
	    //先把非数字的都替换掉，除了数字和.
	    obj.value = obj.value.replace(/[^\d.]/g,"");
	    //必须保证第一个为数字而不是.
	    obj.value = obj.value.replace(/^\./g,"");
	    //保证只有出现一个.而没有多个.
	    obj.value = obj.value.replace(/\.{2,}/g,".");
	    //保证.只出现一次，而不能出现两次以上
	    obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
	    
	    var inputMoney = $("#inputMoney").val();
	    if("" == inputMoney){
	    	$("#moneyShow").html("0.00");
	    }else{
	    	$("#moneyShow").html(inputMoney);
	    }
	    $("#inputMoneyMessage").html("");
	}

这两段JS控制基本上已经对输入框做了金额的限制，只能有一个小数点，只能跟输入数字，第一位不能为负数或者小数点，小数点后只能有两位数字