包含单词时更改背景颜色输入

时间:2018-12-22 18:28:10

标签: javascript html

嗨,我有如下代码,当我输入单词“ BH”或“ bh”时,我的背景颜色将变为黄色。如何更改javascript代码以检测包含长文本的单词? 例如,当我将“ Somethink文本BH输入中”背景设为黄色时,我想在长文本中检测到BH之类的单个字母

function checkFilled() {
	var inputVal = document.getElementById("subEmail");
    if (inputVal.value == "BH" || inputVal.value == "bh") {
        inputVal.style.backgroundColor = "yellow";
    }
    else{
        inputVal.style.backgroundColor = "";
    }
}
 
checkFilled();
<input type="text" id="subEmail" onchange="checkFilled();"/>

1 个答案:

答案 0 :(得分:0)

您可以使用.match

function checkFilled() {
  var inputVal = document.getElementById("subEmail");
  if (inputVal.value.match("bh|BH")) {
    inputVal.style.backgroundColor = "yellow";
  }
  else{
    inputVal.style.backgroundColor = "";
  }
}

checkFilled();