jquery验证焦点以显示工具提示

Question

我正在使用validate插件，但我不确定当表单字段首次获得焦点时如何显示错误消息。

我想这样做，因为错误消息会加倍作为工具提示。

一旦字段运行验证一旦它完全按照我想要的方式运行（在按键等），但直到元素首先失去焦点。

这是我的代码......

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