zoukankan      html  css  js  c++  java
  • 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
    }
  • 相关阅读:
    Django基础篇
    转 枚举设备栈
    转 Windows串口过滤驱动程序的开发
    VS2010 + WinDDK 搭建驱动开发环境(转)
    cef 下载地址
    electron入门教程
    转:PHP 生成复杂JSON格式 简单快速方法
    CEF General Usage(CEF3预览)
    转:关于使用ImageMagick和Tesseract进行简单数字图像识别
    转 Tesseract-OCR 字符识别---样本训练
  • 原文地址:https://www.cnblogs.com/wangduojing/p/12612280.html
Copyright © 2011-2022 走看看