jquery - 激活表单字段时显示div

我需要创建一个div，当一个表单字段处于活动状态时，该提示包含提示；而当该表单字段不再处于活动状态时，该提示消失。我的表单字段都具有ID，例如#monthly_rent，而我的提示具有.monthly_rent_tip类。我如何制作它，以使其在必要时消失。

这是我当前拥有的代码，但是不起作用。

<script type="text/javascript">
jQuery(document).ready(function()
   {
        jQuery('.tip.left.monthly_rent_tip').hide(); //hide
        jQuery('#monthly_rent').focus(function(){
            jQuery('.tip.left.monthly_rent_tip').show(); //show
        }).blur(function(){
            jQuery('.tip.left.monthly_rent_tip').hide(); //hide again
        });

  });
</script>

技巧div的CSS在这里：

.tip {
position:relative;
padding:15px;
margin:1em 0 3em;
border:5px solid #f18500;
background:#fff;
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.monthly_rent_tip {
top:1060px;
left:-130px;
}

目前，这没有任何作用，任何人都可以指出我所犯的错误。

最佳答案

查看此示例以解决您的问题

http://jquerytools.org/demos/tooltip/form.html

这是同一个主题的stackoverflow问题

JQuery form tooltip

关于jquery - 激活表单字段时显示div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14691628/