檢查輸入字段是否包含@字符？

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>