首頁 > web前端 > js教程 > JavaScript校驗Number(4,1)格式的數位程式碼實例分享

JavaScript校驗Number(4,1)格式的數位程式碼實例分享

黄舟
發布: 2017-03-20 14:54:41
原創
1586 人瀏覽過

這篇文章主要介紹了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,說明原來的字符串不是純數字字串。都給予對應提示,如果是純數字字串則執行66.將轉型後的數值轉為

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)格式的數位程式碼實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板