input输入位数最多为6位的数字同时小数最多为3位

输入数字和小数,小数最多3位,整体长度最多6位(包含小数点)
在这里插入图片描述

<div>
    <label for="input3">输入数字和小数,小数最多3位,整体长度最多6位(包含小数点)</label>
    <input id="input3" type="text" onkeyup="numLimit3(this)" onafterpaste="numLimit3(this)">
</div>

<script>
    //限制只能输入数字和小数的部分:
    function numLimit3(obj){//日次数为数字,允许3位小数
        var str = obj.value;
        var len1 = str.substr(0, 1);
        var len2 = str.substr(1, 1);
        //如果第一位是0,第二位不是点,就用数字把点替换掉
        if (str.length > 1 && len1 == 0 && len2 != ".") {
            str = str.substr(1, 1);
        }
        //第一位不能是.
        if (len1 == ".") {
            str = "";
        }
        //限制只能输入三个小数点
        if (str.indexOf(".") != -1) {
            var str_ = str.substr(str.indexOf(".") + 1);

            if (str_.indexOf(".") != -1) {//两个小数点
                str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);

            }else{//一个小数点
                if(str_.length>3){
                    str = str.substr(0, str.indexOf(".") + 3 + 1);
                }
            }
        }
        //正则替换,保留数字和小数点
        str = str.replace(/[^\d^\.]+/g,'');
        str = str.replace(/\.\d\d\d\d$/,'');
        //最多输入6位(包含小数点)
        if(str.length>6){
            str = str.slice(0,6);
        }
        //回显操作后的数据给input框*
        obj.value = str;
        // console.log(str.length)
    }

</script>

补充:
1、只能输入整数

首位不可以是0:
<input id="" type="text"
  onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
  onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
        />
首位可以是0:
onkeyup = "value=value.replace(/[^\d]/g,'')" onafterpaste= "value=value.replace(/[^\d]/g,'')"

2、可以输入小数

如果限制小数位数:numLimit(this,1)
如果不限制小数位数:numLimit(this,false)
function numLimit(obj,num){

        var str = obj.value;
        var len1 = str.substr(0, 1);
        var len2 = str.substr(1, 1);
        //如果第一位是0,第二位不是点,就用数字把点替换掉
        if (str.length > 1 && len1 == 0 && len2 != ".") {
            str = str.substr(1, 1);
        }
        //第一位不能是.
        if (len1 == ".") {
            str = "";
        }
        //限制只能输入的小数点位数
        if (str.indexOf(".") != -1) {
            var str_ = str.substr(str.indexOf(".") + 1);
            if (str_.indexOf(".") != -1) {//如果出現两个小数点,就只要第二个小数点之前的部分
                str = str.substr(0, str.indexOf(".") + str_.indexOf(".") + 1);
                console.log(str)
            }else{//一个小数点
                if(num){//如果是数字就限制小数位数,如果是false则不限制小数位数
                    if(str_.length>num){
                        str = str.substr(0, str.indexOf(".") + num + 1);
                    }
                }

            }
        }
        //正则替换,保留数字和小数点
        str = str.replace(/[^\d^\.]+/g,'');
        str = str.replace(/\.\d{num+1}$/,'');
        //回显操作后的数据给input框*
        obj.value = str;
    }
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值