检查输入字段是否包含@字符？

Question

我试着去检查，如果我输入的字段包含在它的@符号

所以这里是我已经和它不工作：

$("#Button").click(function() { 
    if ($('#email:contains("@")')) { 

    } else { 
     $('#email').text('Wrong'); 
    } 
}); 

http://jsfiddle.net/xJtAV/70/

任何想法？

Answer 1

:contains()返回一个匹配条件的jQuery对象。它不符合价值。

使用indexOf()超过.val()，

if ($('#email').val().indexOf('@') > -1) { 

此外，在您的else{}，使用.val()文本（）不设置任何价值。

$('#email').val('Wrong'); 

但我建议你使用其他元素说<span id="emailError">

Updated Fiddle

Answer 2

试试这个：http://jsfiddle.net/xJtAV/71/。字符串函数indexOf()将搜索任何字符串任何你想，返回第一次出现的第一个字符的索引...

字符串的indexOf（）文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf

JS

$("#Button").click(function() { 

    if ($('#email').val().indexOf('@') >= 0) { 
     $('#email').val('Yes! It contains an "@" symbol!'); 
    } else { 
     $('#email').val('No :(No "@" symbol'); 
    } 

}); 

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<input id="email" name="email" class="email" type="text" /> 
<br><br> 

<div id="Button" style="height:100px; width: 150px; background-color: #000;"> 
</div>