JavaScript校验Number(4,1)格式的数字实例代码

项目里面有个录入，需要数字格式进行校验，前端使用的是miniUI框架，miniUI文档里面自带了校验，vtype="float",校验浮点数的，但是它不能做到校验这个浮点数有几位整数和几位小数，所以就有必要重写写一个js函数来校验：

实现思路：

1.获取所填写的值

2.判断是否为空，不为空执行3

3.对字符串trim()去空格,并且判断以”.”开始或者结尾的都不是合法的数字，给出提示。

4.提前判断字符串是否是true或者false，因为下面要使用Number函数，它可以把true和false转为1和0，所以需要在使用之前作判断，如果字符串是这个则给出提示

5.对字符串使用Number函数转型为数字，如果转型后的值为0，说明原来的字符串为空；如果转型后的数字为NaN,说明原来的字符串不是纯数字字符串。都给出相应提示，如果是纯数字字符串则执行6

6.将转型后的数值转为String类型，先判断数值的长度是否合法，不合法给出提示，合法执行7

7.判断数值的整数位是否符合Number类型所定义的，大于最小值小于等于最大值，如果合法执行8，不合法给出提示；

8，判断小数位，利用substring()函数，如果合法则return true;反之则给出相应的错误提示。

实现代码：

 //校验number(4,1)
  function check(v){
   var str = mini.get(v).getValue();
   //非空
   if(str!=null && str.length>0){
    str = str.trim();//去掉空格
    if(str.substring(0,1)=="." || str.substring(str.length-1)=="."){
     mini.alert("请输入有效的数值");
     return false;
    }
    //排除Boolean值
    if(str==true||str==false){
     mini.alert("请输入合法的数值");
     return false;
    }else {
     var num = Number(str);//将字符串转为数字类型
     if(num == 0){//输入的字符串为空
      mini.alert("请输入合法的值");
      return false;
     }else if(isNaN(num)==true){//输入的为非数字型字符串
      mini.alert("请输入合法的值");
      return false;
     }else {//纯数字字符
      num = num.toString();
      var numLenth = num.length;
      if (numLenth >5) {
       mini.alert("数值超过有效长度");
       return false;
      }else{//有效数字
       var pointIndex = num.indexOf(".");
       if (num.substring(0,pointIndex).length>3 || num.substring(0,pointIndex).length<=0) {//整数部分必须在1-3位数字
        mini.alert("整数部分有效数字长度超过有效范围");
        return false;
       }else if(pointIndex>0){//判断小数部分
        if(num.substring(pointIndex).length>2 ||(num.substring(pointIndex).length==1)){
         mini.alert("小数部分不是有效的");
         return false;
        }
       }
      }
     }
    }
   }
   return true;
  }

以上所述是小编给大家介绍的JavaScript校验Number(4,1)格式的数字实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# javascript # 校验数字 # 详解JS数值Number类型 # 在JSP中使用formatNumber控制要显示的小数位数方法 # JS表单提交验证、input（type=number）去三角刷新验证码 # js中Number数字数值运算后值不对的解决方法 # JavaScript基本类型值-Number类型 # 详解js中Number()、parseInt()和parseFloat()的区别 # js中string和number类型互转换技巧(分享) # javascript中Number的方法小结 # JavaScript中Number对象的toFixed() 方法详解 # Javascript之Number对象介绍 # JS求Number类型数组中最大元素方法 # 请输入 # 为空 # 小编 # 不合法 # 的是 # 浮点数 # 有个 # 就有 # 在此 # 给大家 # 几位 # 它可以 # 带了 # 能做到 # 它不 # 所述 # 要使 # 给我留言 # 值为 # 感谢大家

返回目录在线咨询

上一篇：河南网络营销都有哪些好学校,河南小明在线互动教育靠谱吗？
下一篇：免费建站过程中遇到技术问题怎么办？微信公众平台提供哪些帮助？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

JavaScript校验Number(4,1)格式的数字实例代码

您的项目需求