在返回true之前檢查輸入值是否與數組中的任何值匹配

Question

我試圖驗證使用javascript的窗體。在返回true之前檢查輸入值是否與數組中的任何值匹配。

這是我迄今爲止寫的一個例子。但這似乎不起作用。

<script type='text/javascript'> 

function checkForm() 
{ 

var agent = document.getElementById('agent').value; 

var myArray = new Array() 
    myArray[0] = 'First Agent'; 
    myArray[1] = 'Second Agent'; 
    myArray[2] = 'Third Agent'; 

if (agent != myArray) 
{ 
    alert("Invalid Agent"); 
    return false; 
} 

else 
{ 
    return true; 
} 
} 

<form> 
<fieldset> 
Agents Name* 
<input type="text" size="20" name="agent" id="agent"> 
</fieldset> 
</form> 

Answer 1

function checkForm() { 
    var agent = document.getElementById('agent').value; 
    var myArray = ['First Agent', 'Second Agent', 'Third Agent']; 
    if(myArray.indexOf(agent) == -1) //returns the index of the selected element 
    { 
     alert("Invalid Agent"); 
     return false; // if you return false then you don't have to write the else statement 
    } 
    return true; 
} 

Answer 2

你需要做的結構來傳遞你的整個數組，當值匹配你返回true，否則返回false。類似這樣的：

for (var i = 0; i < myArray.length; i++) { 
    if (agent == myArray[i]) 
     return true; 
} 
return false; 

Answer 3

「agent！= myArray」將您的字符串與數組進行比較，而不是與其內容進行比較。 看看這個帖子： Determine whether an array contains a value

Answer 4

以下劃線/ lodash你可以這樣做：

if (_.indexOf(myArray,agent) == -1) 
{ 
    //alert invalid agent  
    ... 
}