div-fieldフォーカスにテキストを追加する

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"); 
}); 

しかし、何も起こりません。何のdiv

Answer 1

を試してみてください表示されないあなたの入力は違法とあなたが$("#emailField")でそれを選択できない理由である2つのIDを持っています。 id="email"またはid="emailField"を削除します。

また、テキストのみを挿入するときはhtml()の代わりにtext()メソッドを使用できます。

Answer 2

この

Answer 3

入力に2つのIDがあります。入力からid='email'を削除すると、コードが機能します。

Answer 4

あなたは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

あなたの入力には2つのIDがあります。したがって、最初のものはブラウザで使用されます。ウルHTML

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

Answer 6

変更ここ

<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/

：

ものと交換してください