JS判斷輸入框是否為數字詳解

一、JS判斷輸入框是否為數字和字母

在開發中，有時需要判斷用戶輸入的值是否為數字和字母，以此來進行下一步的操作。我們可以藉助正則表達式來實現這個功能。

function isNumberOrLetter(s){
    var regu = "^[0-9a-zA-Z]+$";
    var re = new RegExp(regu);
    if (re.test(s)) {
        return true;
    } else {
        return false;
    }
}

上面的代碼中，我們定義了一個isNumberOrLetter函數。它接收一個參數s，判斷這個參數是否由數字或字母組成。如果是，則返回true，否則返回false。在函數內部，我們定義了一個正則表達式，^[0-9a-zA-Z]+$，表示由數字和字母組成。接着我們新建了一個RegExp對象，並將正則表達式傳入。最後調用test方法來判斷輸入的值是否符合要求。

二、JS判斷輸入框是否為空

在表單驗證中，我們常常需要判斷輸入框是否為空。可以使用以下代碼來實現：

function isNull(obj){
    if (obj.value == "") {
        return true;
    } else {
        return false;
    }
}

上述代碼中，我們定義了一個isNull函數。它接收一個參數obj，表示輸入框。通過判斷輸入框的value是否為空來確定用戶是否有輸入。如果為空，則返回true，否則返回false。

三、JS判斷輸入的值是否為數字

有時候需要判斷用戶輸入的值是否為數字，可以用isNaN函數實現：

function isNumeric(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}

第一步，將字符串傳遞給parseFloat函數，將其轉換成浮點數。第二步，調用isFinite函數判斷是否有限，如果不是，則返回false。最終，判斷這個變量的類型是否是數字。

四、JS判斷是否為數字類型

判斷一個變量是否為數字類型，我們可以通過typeof操作符來實現：

function isNumber(n) {
    return typeof n === 'number';
}

上述代碼中，我們定義了一個isNumber函數。它接收一個參數n，並通過typeof操作符來判斷這個變量是否為數字類型。如果是，則返回true，否則返回false。

五、判斷輸入的是否為數字

使用正則表達式判斷輸入是否為數字：

function isNum(value) {
    var reg = /^[0-9]+.?[0-9]*/;
    if (!reg.test(value)) {
        return false;
    }
    return true;
}

上述代碼中，我們定義了一個isNum函數。它接收一個參數value，並通過正則表達式判斷這個值是否為數字。如果是，則返回true，否則返回false。

六、JS控制輸入框只能輸入數字

這裡介紹兩種方法控制輸入框只能輸入數字：

方法一：

function checkNumber(obj) {
    obj.value = obj.value.replace(/\D/g,"");
}

上述代碼中，我們定義了一個checkNumber函數。它接收一個參數obj，表示輸入框。接着我們使用replace函數，將輸入框中的非數字字符替換為空，保證用戶只能輸入數字。

方法二：

使用onkeyup事件監聽用戶輸入，當用戶輸入非數字字符時，將其替換為空，保證用戶只能輸入數字。

七、JS判斷值是否為數字

使用typeof判斷值是否為數字：

function isNumber(value){
    return typeof value === 'number';
}

在isNumber函數中，我們使用typeof判斷傳入的值是否為數字，如果是，則返回true，否則返回false。

八、JS驗證輸入框數字正則表達式

使用正則表達式驗證輸入框的值是否為數字：

function checkNum(value){
    var reg=/^[0-9]*$/;
    if (!reg.test(value)) {
        return false;
    }
    return true;
}

上述代碼中，我們定義了一個checkNum函數。它接收一個參數value，並使用正則表達式驗證輸入的值是否為數字。如果是，則返回true，否則返回false。

九、如何用JS製作文本框只能輸入數字

以下是一個使用JavaScript製作只能輸入數字的文本框的示例：

只需要在文本框的onkeyup事件中寫入一個替換功能的代碼，將非數字的字符替換為空，就可以實現文本框只能輸入數字的功能。