javascript如何驗證是否為數字

這篇文章主要介紹了javascript如何驗證是否為數字，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

javascript驗證是否為數字的方法：1、使用isNaN()函數驗證；2、使用正則表達式驗證；3、利用parseFloat()的返回值驗證。

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript怎么驗證是否為數字？

方法1：使用isNaN()函數

isNaN()函數是js自帶的全局函數，isNaN() 函數用于檢查其參數是否是非數字值。

如果 值x 是特殊的非數字值 NaN（或者能被轉換為這樣的值），返回的值就是 true；如果 值x 是其他值，則返回 false。

isNaN()的缺點就在于 null、空格以及空串會被按照0來處理

NaN: Not a Number

<script>
document.write(isNaN(123));  //數字
document.write(isNaN(-1.23));  //數字
document.write(isNaN(5-2));  //數字
document.write(isNaN(0));  //數字
document.write(isNaN("Hello"));  //字符串
document.write(isNaN("2005/12/12"));  //字符串
</script>

輸出：

false
false
false
false
true
true

缺點：isNaN()會將 null、空格以及空串按照0來處理，所以檢查不嚴謹。

所以用加工一下，和typeof運算符一起使用。

示例：

// true:數值型的，false：非數值型
function myIsNaN(value) {
   document.write((typeof value === 'number' && !isNaN(value))+"<br>");
}
myIsNaN(10); 
myIsNaN(null); 
myIsNaN( );
myIsNaN();

輸出：

true
false
false
false

方法2：使用正則表達式　

(1)、校驗只要是數字（包含正負整數，0以及正負浮點數）就返回true

/**
* 校驗只要是數字（包含正負整數，0以及正負浮點數）就返回true
**/
function isNumber(val){
    var regPos = /^[0-9]+.?[0-9]*/; //判斷是否是數字。
  
    if(regPos.test(val) ){
        return true;
    }else{
        return false;
    }
}

(2)、校驗正負正數就返回true

/**
* 校驗正負正數就返回true
**/
function isIntNum(val){
    var regPos = / ^\d+$/; // 非負整數 
    var regNeg = /^\-[1-9][0-9]*$/; // 負整數
    if(regPos.test(val) && regNeg.test(val)){
        return true;
    }else{
        return false;
    } 
}

方法3：利用parseFloat()的返回值

parseFloat() 函數可解析一個字符串，并返回一個浮點數。

該函數指定字符串中的首個字符是否是數字。如果是，則對字符串進行解析，直到到達數字的末端為止，然后以數字返回該數字，而不是作為字符串。

用法：將參數中指定的字符串解析成為一個浮點數字并返回。

/**
* 驗證數據 是數字：返回true；不是數字：返回false
**/
function Number(val) {
　　if (parseFloat(val).toString() == "NaN") {
　　　　
　　　　return false;
　　} else {
　　　　return true;
　　}
}
//isNaN(val)不能判斷空串或一個空格
//如果是一個空串、空格或null，而isNaN是做為數字0進行處理的，
//而parseInt與parseFloat是返回一個錯誤消息，這個isNaN檢查不嚴密而導致的。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“javascript如何驗證是否為數字”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!