号码验证不起作用

Question

我有一个输入字段，它只应该接受介于 1 和 4 之间的数字。如果数字介于 1 和 4 之间，它会运行一些代码。如果没有，它会发出警报，告诉用户使用 1 到 4 之间的数字再试一次。这是我的代码

var number = document.getElementById("num").value;
     if(Number(number) === 1 || Number(number) === 2 || Number(number) === 3 || Number(number) === 4 ){
               //success code here///
             }
     else if(Number(number) !== 1 || Number(number) !== 2 || Number(number) !== 3 || Number(number) !== 4) { 
        }       alert("Please type a whole number between(and including) 1 and 4 into the input field.");

我了解到'.value;'函数返回一个字符串，即使该值是一个数字。所以我把 var 'number' 放在 Number();将其转换为数字的函数。 问题是，当我在输入字段中输入 1 时。即使它等于 1，它也会发出警报。其他数字也不起作用。我检查了控制台，没有语法错误（也根据 DreamWeaver）。非常感谢您的帮助:)

Answer 1

我认为您将警报放在else if 子句之外是一个简单的错误。

但是，您还可以做一些其他的事情来使其更具可读性和效率。

// Call Number() here so you only have to do it once
var number = Number(document.getElementById("num").value);
// You can also do something like parseInt(document.getElementById("num").value)

// Now check to see if Number() or parseInt() actually parsed an integer out of their input
// and then check that if it's outside your number range
if (isNaN(number) || number < 1 || number > 4) {
    alert("Please type a whole number between(and including) 1 and 4 into the input field.");
} else {
    // Do Successful code
}

Answer 2

我们也可以这样写

var patt1 = /[1-4]/g;
if(patt1.test(number)){
     //success code here///
}
else{
    alert("Please type a whole number between(and including) 1 and 4 into the input field.");
}