如何检查文本框中的特定单词

时间:2018-09-17 18:19:12

标签: javascript css html5

我不知道在文本框/区域中检查特定单词的方法。

这是我的代码。

JavaScript

function showConfirmationDialog() {
  var textarea = document.getElementById('Box');
  alert(textarea.value);
}

function TextChecker() {
  var word = 'foo';
  var textarea = textarea.value;
  if (textarea.indexOf(word) != -1) {
    ...
  }
}

2 个答案:

答案 0 :(得分:0)

如果您正在使用ES2016可用的环境,则建议使用includes()。这是本机Array方法,也意味着它可用于字符串。

const toBeFound = 'test string'
const toBeTested = 'this is an string where test string is present'

console.log(toBeTested.includes(toBeFound))

答案 1 :(得分:0)

您可以做的是使用JavaScript的toLowerCase()函数并检查文本框的内容。

请注意,如果有人在单词的中间放置一个随机字符,这将不起作用。

HTML:

<textarea id="myText">This is a textbox</textarea>
<textarea id="myText2">This is a text.box</textarea>

Javascript:

document.getElementById('myText').value.toLowerCase().includes("textbox"); // this will return TRUE
document.getElementById('myText2').value.toLowerCase().includes("textbox"); // this will return FALSE