複数の基準で入力フィールドを確認

Question

入力フィールドに特定の基準が含まれているかどうかを確認するスクリプトがあります。

条件が真である場合、メッセージのあるdivは入力フィールドの下にプロンプ​​トを表示します。

素晴らしいですが、スクリプトに都市を追加するにはどうすればよいですか？

ORの場合、たとえば：('Amsterdam' || 'London')の場合、スクリプトは機能しません。

誰でも教えてください。

入力フィールド

<input type="text" name="city" id="address" onblur="check()" value=""> 

Javascriptを

function check() { 
    var name = document.getElementById('address').value; 
    if (name.indexOf('Amsterdam') > -1) { 
     $(".message").html("You get a beer!"); 
     return false; 
    } 
} 

<div class = "message"></div> 

Answer 1

場合は、他に使用することができます。このようにして、さまざまな基準に対して異なるメッセージを表示できます。下記を参照してください。

構文

if (condition1) { 
    block of code to be executed if condition1 is true 
} else if (condition2) { 
    block of code to be executed if the condition1 is false and condition2 is true 
} else { 
    block of code to be executed if the condition1 is false and condition2 is false 
} 

Reference

この試してみてください：あなたは、複数のcriteriasをチェックしたいとあなたが使用できる1つのメッセージのみを表示する場合は

if (name.indexOf('Amsterdam') > -1) { 
    $(".message").html("You get a beer!"); 
} else if(name.indexOf('London') > -1) { 
    $(".message").html("Other message!"); 
} else { 
    $(".message").html("Something else!"); 
} 

return false; 

を|| （または）

if (name.indexOf('Amsterdam') > -1 || name.indexOf('London') > -1) { 
    $(".message").html("You get a beer!"); 
} 

Answer 2

これを試してみてください：

if (name.indexOf('Amsterdam') > -1 || name.indexOf('London') > -1) { 
    // your code 
} 

Answer 3

あなたはパフォーマンスについてあまり心配していない場合は、正規表現を使用することができますが、それらはindexOf()あなたは `name.indexOf（必要

$('button').on('click', function() { 
 
    var name = document.getElementById('address').value; 
 
    if ((/^(Amsterdam|London|Texas|Delhi|Tokyo)$/i).test(name)) { 
 
    $(".message").html("You get a beer!"); 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="city" id="address" value=""> 
 
<button> 
 
    Submit 
 
</button> 
 
<div class="message"></div>