添加文本到div - 字段焦点

我正在尝试这么做，所以当用户在输入字段标记/放置焦点时，div应该出现在下方的文本中。目前，我有这样的：添加文本到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"); 
});

但没有任何反应。不派息出现

来源

2012-02-11 oliverbj

您输入有两个ID这是非法的，为什么你不能用$("#emailField")选择它的原因。删除id="email"或id="emailField"。

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

来源

2012-02-11 14:44:07 raphinesse

试试这个

来源

2012-02-11 14:44:05

您在输入中有两个ID。从输入中删除id='email'，您的代码有效。

来源

2012-02-11 14:44:16

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

来源

2012-02-11 14:44:34 Deji

你的输入有两个ID。所以第一个被浏览器使用。

替换是：

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

来源

2012-02-11 14:45:35

变化乌尔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/

来源

2012-02-11 14:49:48

添加文本到div - 字段焦点

回答

相关问题