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)格式的數字”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！