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
    }
  • 相关阅读:
    jmeter学习笔记(二)
    jmeter学习笔记(一)
    让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
    Fiddler抓包
    76. 最小覆盖子串
    Map中getOrDefault()与数值进行比较
    阻塞非阻塞与同步异步的区别
    81. 搜索旋转排序数组 II
    49. 字母异位词分组
    48. 旋转图像
  • 原文地址:https://www.cnblogs.com/wangduojing/p/12612280.html
Copyright © 2011-2022 走看看