jquery - jQuery validate 获取文本框/输入元素下方的错误消息

Question

http://jsfiddle.net/msbUM/ 如何在文本框/输入元素下方获取错误消息？

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 //
        } 
    });
});