添加文本到div - 字段焦點

Question

我正在嘗試這麼做，所以當用戶在輸入字段標記/放置焦點時，div應該出現在下方的文本中。目前，我有這樣的：

<div class="field"> 
     <label for="email" class="label">E-mail:</label> 
     <input id="email" name="email" size="50" id="emailField" type="email" value="" /> 
    </div>      

    <div id="emailNoti"></div> 

這是我目前的JS代碼：

$("#emailField").focus(function() { 
    $("#emailNoti").html("You have now pressed the field. Start typing"); 
}); 

但沒有任何反應。不派息出現

Answer 1

您輸入有兩個ID這是非法的，爲什麼你不能用$("#emailField")選擇它的原因。刪除id="email"或id="emailField"。

而且你只能插入文本時使用text()方法，而不是html()。

Answer 2

試試這個

Answer 3

您在輸入中有兩個ID。從輸入中刪除id='email'，您的代碼有效。

Answer 4

<input id="email" name="email" size="50" id="emailField" type="email" value="" /> 

您有2個ID的設置，這是非法的。試試這個：

<div class="field"> 
    <label for="emailField" class="label">E-mail:</label> 
    <input name="email" size="50" id="emailField" type="email" value="" /> 
</div>      

<div id="emailNoti"></div> 

Answer 5

你的輸入有兩個ID。所以第一個被瀏覽器使用。

替換是：

<input id="emailField" name="email" size="50" type="email" value="" /> 

Answer 6

變化烏爾HTML

<div class="field"> 
<label for="email" class="label">E-mail:</label> 
<input name="email" size="50" id="emailField" type="email" value="" /> 
</div>      

<div id="emailNoti"></div> 

在這裏工作代碼 http://jsfiddle.net/vikastyagi87/srZZf/