jQuery - Überprüfen, ob das Eingabefeld eines der Wörter

Question

enthält Ich möchte überprüfen, ob das Eingabefeld #plz-input eines der beiden Wörter "rot" oder "grün" enthält.

Ich versuchte .contains(), aber es funktioniert nur mit dem ersten Wort.

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

Answer 1

Betrachten wir einen regulären Ausdruck

Schnell dies mit einem einfachen regulären Ausdruck über die RegExp.test() Funktion erfüllen können. Trennen Sie einfach Ihre individuellen Bedingungen mit einem Rohr wie unten zu sehen:

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

Dann rufen Sie einfach die test() Funktion, die, wenn eine dieser Begriffe gefunden werden innerhalb der Zeichenfolge angeben, wie weiter unten zu sehen:

// 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!'); 
} 

Beispiel

<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>