当前位置: 首页 > 编程笔记 >

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

锺英卫
2023-03-14
本文向大家介绍JavaScript校验Number(4,1)格式的数字实例代码,包括了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)格式的数字实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库html" target="_blank">网站的支持!

 类似资料:
  • 本文向大家介绍JavaScript正则表达式校验非正整数实例,包括了JavaScript正则表达式校验非正整数实例的使用技巧和注意事项,需要的朋友参考一下 话不多说,跟小编一起来看看吧 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 本文向大家介绍Springboot 自定义校验代码实例,包括了Springboot 自定义校验代码实例的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了Springboot 自定义校验代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 StartWithValidation.class StartWithValidator.clas

  • 本文向大家介绍BootStrapValidator与My97日期校验的实例代码,包括了BootStrapValidator与My97日期校验的实例代码的使用技巧和注意事项,需要的朋友参考一下 首先my97的API中有自定义事件中有 onpicking 和 onpicked 事件 、onclearing 和 oncleared 事件、年月日时分秒的 changing和changed。    我的ht

  • 本文向大家介绍Bootstrapvalidator校验、校验清除重置的实现代码(推荐),包括了Bootstrapvalidator校验、校验清除重置的实现代码(推荐)的使用技巧和注意事项,需要的朋友参考一下 1.引入css与js   bootstrapValidator.min.css   bootstrapValidator.min.js 2.html中的modal代码 3.js代码 以上所述是

  • 本文向大家介绍python 把数据 json格式输出的实例代码,包括了python 把数据 json格式输出的实例代码的使用技巧和注意事项,需要的朋友参考一下 有个要求需要在python的标准输出时候显示json格式数据,如果缩进显示查看数据效果会很好,这里使用json的包会有很多操作  这样就会得到如下的输出: 可以看到都已经格式化了。 这是在python中,如果直接使用命令行,希望直接转换,可