jQuery validate获取textbox / input元素下面的错误消息

Question

http://jsfiddle.net/msbUM/ 如何在textbox / input元素下面收到错误消息？

Answer 1

将display:block应用于错误标签。

Answer 2

只需将display: block;添加到label.error：

label.error { 
   float: none; color: red; 
   padding-left: .5em;
   vertical-align: top; 
   display: block;
}​

Answer 3

另一个快速解决方案是将label替换为div的错误元素。

$(document).ready(function(){ 
    jQuery("#frmId").validate({
        errorElement:'div',
        rules: {
        // RULES //
        },
        messages: {
        // MESSAGES //
        } 
    });
});