• js的小数位数和保留小数点四位数字等验证


    经常自己用到的

    一 查找小数点的下标

               price = price + ''; // 数字转字符串或者tostring()
                    var priceIndex = price.indexOf(".") + 1; // 小数位置
                    var priceCount = price.length - priceIndex; // 获取小数点后的位数
                    console.log(priceCount ); // 这个就是
                    // 判断是不是大于4位小数
                    if(priceCount > 4){
                       console.log("小数点位数大于4")
                    }else{
                       console.log("小数点位数不大于4")
                    }
                              
                                  

    二 小数点的验证

    html部分:

    <!--保留小数点2位-->
    <input type='text' value='' onkeyup='checkingNumber(this,2)'>

    js部分:

    // 小数验证
    function checkingNumber(obj,num) {
        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("$#$",".");
        if (num == 0){
            obj.value = obj.value.replace(/^0(0+)|[^d]+/g,'');// 只能整数
        }
        if (num == 1){
            obj.value = obj.value.replace(/^(-)*(d+).(d).*$/,'$1$2.$3'); // 只能输入1个小数
        }
        if (num == 2){
            obj.value = obj.value.replace(/^(-)*(d+).(dd).*$/,'$1$2.$3'); // 只能输入2个小数
        }
        if (num == 3){
            obj.value = obj.value.replace(/^(-)*(d+).(ddd).*$/,'$1$2.$3'); // 只能输入3个小数
        }
        if (num == 4){
            obj.value = obj.value.replace(/^(-)*(d+).(dddd).*$/,'$1$2.$3'); // 只能输入4个小数
        }
        if (num == 5){
            obj.value = obj.value.replace(/^(-)*(d+).(ddddd).*$/,'$1$2.$3'); // 只能输入5个小数
        }
        if (num == 6){
            obj.value = obj.value.replace(/^(-)*(d+).(dddddd).*$/,'$1$2.$3'); // 只能输入6个小数
        }
        if(obj.value.indexOf(".") < 0 && obj.value !=""){// 此处控制的是以上如果没有小数点,首位不能为类似于 01、02的数值
            obj.value = parseFloat(obj.value);
        }
        obj.value = isNaN(obj.value) ? 0 : obj.value; // 不让显示NAN
    }

    总结优化

    // 小数验证
    function checkingNumber(obj,n) {
        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("$#$",".");
        if (num == 0){
            obj.value = obj.value.replace(/^0(0+)|[^d]+/g,'');// 只能整数
        }else{
            // 保存n个小数
             obj.value = obj.value.replace(/^(-)*(d+).(d{n}).*$/,'$1$2.$3');         // 只能输入n个小数
        }
        if(obj.value.indexOf(".") < 0 && obj.value !=""){// 此处控制的是以上如果没有小数点,首位不能为类似于 01、02的数值
            obj.value = parseFloat(obj.value);
        }
        obj.value = isNaN(obj.value) ? 0 : obj.value; // 不让显示NAN
    }
  • 相关阅读:
    ASP.NET 2.0+GridView开发中遇到ViewState MAC验证错误
    Microsoft Robotics Studio与LEGO机器人[转]
    .net反射技术的应用—如何调用Java的COM接口[转]
    ORACLE函数大全
    BCD代码
    SQL Server 2005中Datetime类型转Varchar类型
    新任项目经理的五项必修课[转载]
    利用SqlBulkCopy实现网上答题系统[转]
    电信技术名词解释:移动IP技术综述[转]
    ASP页面中访问基于.net的COM组件[转]
  • 原文地址:https://www.cnblogs.com/wangduojing/p/12612280.html
Copyright © 2020-2023  润新知