js控制input输入框只允许输入整数及带有两位或一位小数的数字

最新推荐文章于 2024-07-11 09:56:11 发布

一个很酷的人

最新推荐文章于 2024-07-11 09:56:11 发布

阅读量2.4k

点赞数 2

分类专栏： JavaScript 文章标签： js控制只输入数字

本文链接：https://blog.csdn.net/hi_boy_/article/details/82775902

版权

JavaScript 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

上代码:

html:

<input name="price"id="goodsPrice" placeholder="请输入商品价格"onkeyup="clearNoNum(this)" onblur="clearNoNum(this)" >

js:

function clearNoNum(obj){
    //修复第一个字符是小数点 的情况.
    if(obj.value !=''&& obj.value.substr(0,1) == '.'){
        obj.value="";
    }
    obj.value = obj.value.replace(/^0*(0\.|[1-9])/, '$1');//解决 粘贴不生效
    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 !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
        if(obj.value.substr(0,1) == '0' && obj.value.length == 2){
            obj.value= obj.value.substr(1,obj.value.length);
        }
    }
}