如何使用jQuery检查整个字符串是否包含特定单词？

Question

我需要检查某个单词是否包含在分配给我的输入文本框中的字符串中，因此需要帮助。 例如下面的示例，如果有一个字符串值分配给此文本框

<input type="text" id="StartLocation" name="StartLocation" value="1 AAC, MT SECTION, RAF SCAMPTON, LINCOLN, LN1 2ST, UNITED KINGDOM" >

我想检查它是否包含单词“ UNITED KINGDOM ”，如果没有，应该返回false。 我在下面尝试了类似的方法，但是它始终返回true，因为即使我已经更改了该值，警报消息始终为“它包含英国”。

if ($("input#StartLocation:contains('UNITED KINGDOM')")) {
  alert('It contains United Kingdom');
} else {
  alert('It does not contains United Kingdom');
}

我该如何解决？ 谢谢...

Answer 1

您不必使用:contains来测试<input>元素的值，它用于<div>和<span>之类的容器。 使用.val()获取值，然后使用普通的字符串方法。

if ($("input#StartLocation").val().indexOf("UNITED KINGDOM") != -1)

Answer 2

尝试这个

if ($("#StartLocation").val().indexOf('UNITED KINGDOM') >= 0) {

}

Answer 3

尝试这种方式。 使用indexOf 。

 var value = $("#StartLocation").val(); if(value.indexOf("UNITED KINGDOM") != -1) alert("true"); else alert("false"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="StartLocation" name="StartLocation" value="1 AAC, MT SECTION, RAF SCAMPTON, LINCOLN, LN1 2ST, UNITED KINGDOM"> 

Answer 4

我更喜欢这种方法，因为它更具可读性。 但是请先检查浏览器的兼容性。

if ($("#StartLocation").val().includes('UNITED KINGDOM')) {
  //your code
}

Answer 5

您可以尝试val()和indexOf

if ($("input#StartLocation").val().indexOf('UNITED KINGDOM')>-1)) {
   //.. ToDO
}