2017-10-06 47 views
-3

尋找一種方法來創建一個函數,讓用戶鍵入他們的郵編並顯示信息取決於數字是否在列表中。檢查數字是否與javascript中的一系列數字匹配

一個最佳的解決方案是,如果它可能是90000-90100或特定之間的數字像90210或90212.

HTML

<input id="input" type="text"> 
<input type="button" value="Submit" onClick="postcode()"> 
<div style="display: none;" id="yes">yes</div> 
<div style="display: none;" id="no">no</div> 

的Javascript

<script> 
function postcode() 
{ 
var input = document.getElementById("input"); 
if(input.value == "90210"){ 
    document.getElementById("yes").style.display = "block" 
} 
else{ 
    document.getElementById("no").style.display = "block"} 
} 
</script> 

Codepen https://codepen.io/anon/pen/rGJOyV

謝謝!

+1

列表存儲在哪裏? –

+0

檢查一些項目是否在列表(數組)中,檢查是否list.indexOf(item)> -1 –

回答

1
<script> 
function postcode() 
{ 
var input = document.getElementById("input"), 
    value = parseInt(input.value); // From string makes number 

if (value > 9000 && value < 90100){ 
    document.getElementById("yes").style.display = "block" 
} 
else { 
    document.getElementById("no").style.display = "block"} 
} 
</script> 
+0

謝謝你。這是一種檢查一系列數字和一系列具體數字的方法嗎?像90000-91000和6001而不是6002-9000? –

+0

是的,你可以!您需要使驗證函數返回true或false,如下所示: –

+0

'if(validate(value)){// yes} else {// no}; 功能驗證(值){ 如果(值> = 90000 &&值<= 91000){返回true} 否則如果(//可以提供無限的檢查) 否則{返回false}; }' –

-1

不用手動檢查與JavaScript的信息,你應該儘量使用標準表單驗證你的域,然後,如果你需要執行任何JS代碼,只需檢查有效性myInput.isValid()方法。

表單驗證有很多種方法:如果您只需要一個範圍內的數字,您可以使用minmax屬性,但是如果您需要更復雜的驗證,則應該使用正則表達式。

在這裏,你有一個關於如何做表單驗證大量的文檔資料: https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

0

你可以做,如果條件

<script> 
function postcode() 
{ 
var input = document.getElementById("input").value; 
    var data= parseInt(input); 
if(data>= 90000 && data <= 90100){ 
    document.getElementById("yes").style.display = "block"; 
} 
else{ 
    document.getElementById("no").style.display = "block"; 
} 
</script> 

在這裏,我們檢查的條件等於或高於90000更大,小於或等於90100.

因此具體的數據如90050或90062落在它們之間。

+0

謝謝你@alok。這是一種檢查一系列數字和一系列具體數字的方法嗎?像90000-91000和6001而不是6002-9000? –

相關問題