jQuery 유효성 검사 textbox/input 요소 아래에 오류 메시지가 표시됩니다.

Question

http://jsfiddle.net/msbUM/ 어떻게 textbox/input 요소 아래에 오류 메시지가 표시됩니까?

Answer 1

그냥 display: block;이 label.error에 추가 :

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

Answer 2

오류 레이블에 display:block을 적용하십시오.

Answer 3

또 다른 빠른 해결책이 div와 함께 오류 요소로 label을 대체 할 수 있습니다.

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