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/