jQuery - 入力フィールドに単語のいずれかが含まれているかどうか確認してください

Question

入力フィールド#plz-inputに「赤」または「緑」のいずれかが含まれているかどうかをチェックしたいと思います。

私は.contains()を試しましたが、最初の単語でのみ動作します。

$('#submit').click(function() { 
    if($("#plz-input").contains('red green')) { 
     alert("Wrong Value ..."); 
    } else { 
     alert("Right Value!"); 
    } 
    return false; 
}); 

Answer 1

は、あなたが簡単にRegExp.test()機能を経由して簡単な正規表現でこれを達成することができ

正規表現を考えてみましょう。

var colors = new RegExp('red|green|purple|...'); 

下図のようにそれからちょうどこれらの用語のいずれかがあなたの文字列の中で発見された場合を示しますtest()機能を呼び出します：

// Define an expression of words to check for 
var colors = new RegExp('red|green'); 
// Check if any of the words is contained within your element 
if(colors.test($('#plz-input').val()){ 
    alert('Wrong Value ...'); 
} else { 
    alert('Right Value!'); 
} 

の下に見られるようにするだけのパイプを使用して、あなたの個々の用語を分離

例

<input id='colors' onkeyup='checkForColors(this);' /> <span id='result'></span> 
 
<script> 
 
    var result = document.querySelector('#result'); 
 
    function checkForColors(element){ 
 
     var colors = new RegExp('red|green'); 
 
     result.innerText = colors.test(element.value) ? 'Incorrect!' : 'Correct!'; 
 
    } 
 
</script>