jQuery：检测输入字段的焦点并显示div

Question

我有一个带有此HTML标记的密码字段：

<div class="password-message">Password must contain at least 8 characters. At least 1 number, 1 upper case, and 1 lower case letter.</div>
<input type="password" class="required" id="password" name="Password" constraint="password" trackerror="true" placeholder="Create Password">

我有jquery读取密码长度，当它的＆gt; 1它显示带有类密码消息的工具提示。

       if( password.length >= 1 ){
            $('.password-message').slideDown(500, function(){
                $(this).css('overflow', 'visible');
            });
        }

我想稍微改变一下。单击密码字段（处于焦点）时，我想显示工具提示。

这是我提出的jquery。

        $( "#password").focus(function() {
            alert("Focussed");
            $('.password-message').slideDown(500, function(){
                $(this).css('overflow', 'visible');
            });
        });

这不符合我的要求。当我在字段中单击但是在U键入几个字符后，我收到警报消息。有没有办法解决它。我有CSS工作，我需要找到一种方法来使用jQuery焦点函数，然后与我的existign代码集成。