Javascript 检查输入元素值是否包含特定字符串

我需要检查输入元素的值（由用户在框中键入）是否从

$("#emailInput").css("value")

包含某个字符串

我尝试过在谷歌上看到的各种方法，但都没有奏效

HTML：

<form class="form-horizontal" role="form">
<div id="emailBorder">
    <label id="emailStyle">Email address:</label>
    <div id="emailInputStyle">
        <input class="form-control" id="emailInput" type="text">
    <span id="emailGlyphicon"></span>
    </div>
</div>
<div class="form-group">
    <label id="contentStyle">Content:</label>
    <div id="contentInputStyle">
        <textarea class="form-control" rows="5" id="contentInput"></textarea>
    </div>
</div>
<button type="submit" id="sendStyle" class="btn btn-default">Send</button>
</form>

使用

val（）

代替

css（）

。另外，不要使用

contains（）

而是使用

indexOf（）

，因为

contains（）

适用于jQuery DOM对象，而不是字符串

$（“#emailInput”）.change（函数（）{
if（$（“#emailInput”）.val（）.indexOf（“@”）>-1&$（“#emailInput”）.val（）.indexOf（“.”>-1）{
log（'它包含@和'）；
}否则{
//做点别的
}
});

电邮地址：
内容：
发送
您可以尝试以下方法：

$("#emailInput").change(function () {
    if ($this.contains("@") && $this.contains(".")) {
        // do something
    } else {
        // do something else
    }
});

对我来说，它不起作用，当我呈现“UncaughtTypeError:$（…）.val（…）.contains不是函数”的页面时，我收到一个HTML错误@shawna，请查看我的更新答案，如果您仍然需要帮助，请告诉我，谢谢！我想知道为什么每个人都说.contains（），但intellisense找不到它。@shawna，contains用于元素并搜索它们的文本，但不用于字符串@肖娜，很高兴这有帮助：）别忘了标记一个被接受的答案来指导这篇博文的未来读者谢谢！我做了，但是不小心双击了它，谢谢提醒！
$("#emailInput").change(function () {
    if ($this.contains("@") && $this.contains(".")) {
        // do something
    } else {
        // do something else
    }
});