美文网首页
input 属性为 number,maxlength不起作用如何

input 属性为 number,maxlength不起作用如何

作者: stormfu | 来源:发表于2019-10-24 10:41 被阅读0次

    输入一个最大长度为15的数字

    <input type="text"  maxlength="15" />   功能效果时是的,类型是text

    当 <input type="number"  maxlength="15" />时maxlength失效,长度可以无限输入。

    解放方案:

    <input type="number" oninput="if(value.length>5)value=value.slice(0,5)"    />

    验证整数部分不能超过10位

    <input type="number" oninput="if(value.length>5)value=value.slice(0,5)"   onkeyup="check_price(this)" />

    function check_price(obj) {

        var price =$(obj).val();

        if(price >0){

                if( Math.floor(price) >9999999999){

                layer.msg('输入的整数部分不能超过10位');

                        $(obj).val('');

                    return;

                }

        }

    }

    jquery中对小数进行取整

    var uu=Math.floor(5.36)  向下取整 结果为5

    var uu=Math.floor(5.88)  结果为5 

    Math.ceil(5.33)  向上取整,结果为6

    Math.round(5.55) 四舍五入 结果为6

    math.round(5.22)  结果为5

    对多位小数进行四舍五入

    num是要处理的数字  v为要保留的小数位数

    function decimal(num,v){

    var vv = Math.pow(10,v);

    return Math.round(num*vv)/vv;

    }

    相关文章

      网友评论

          本文标题:input 属性为 number,maxlength不起作用如何

          本文链接:https://www.haomeiwen.com/subject/qvbofqtx.html