javascript - ツールチップを表示するためにフォーカスでjqueryを検証する

Question

検証プラグインを使用していますが、フォーム フィールドが最初にフォーカスされたときにエラー メッセージを表示する方法がわかりません。

エラーメッセージがツールチップとして倍増するため、これを行いたいと思います。

フィールドが検証を実行すると、（キープレスなどで）希望どおりに機能しますが、要素が最初にフォーカスを失うまでは機能しません。

これが私のコードです...

<form>

<div>
    <input type="text" name="username" /><div class="tooltipContainer"></div>
</div>

</form>​

と

var validator = $("form").validate({ 

        rules: { 

            username: { 
                required: true, 
                minlength: 5, 
            }
        }, 
        messages: { 
            username: { 
                required:  "Required...", 
                minlength: jQuery.format("At least {0} characters please..."), 
            }
        }, 

        errorPlacement: function(error, element) { 
            error.appendTo( element.next()); 
        }, 

        success: function(label) { 
            label.html(" ").addClass("checked"); 
        } 
    }); ​

http://jsfiddle.net/J4dkr/