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>