jQuery.Validate - 오류를 다른 장소에 저장하는 방법은 무엇입니까?

Question

jQuery.Validate에서 생성 된 모든 오류를 한 곳에 저장하려고합니다.

예 : 이미 그런 식으로 넣어 시도했지만 작동하지 않습니다

<input type="text" id="Text1" class=".name" /> 
    . 
    . 
    . 
    <input type="text" id="Text2" /> 
    <input type="text" id="Text3" /> 
    <input type="text" id="Text4" /> 

    <div id="errors"> I want to put errors results here! </div> 

: 어떤 도움이 매우 이해할 수있을 것이다

jQuery('.name').rules('add', { 
     required: true, 
     messages: { 
      required: 'Type a name' 
     }, 
     errorElement: "div", 
     errorLabelContainer: "#errors" 
    }); 

.

감사

과 같이

Answer 1

사용 errorPlacement는 :

errorPlacement: function(error, element) { 
    error.appendTo("#errors"); 
} 

Answer 2

당신은 errorLabelContainer를 사용하는 것이 정확하지만 jQuery를 유효성 검사를 설정하는 방법은 잘못된 것 같다. 개별 요소가 아닌 서식에 validate으로 전화해야합니다. 여기에서 errorLabelContainer과 함께 모든 규칙과 메시지를 지정해야합니다. 또한, 각 입력에 name 속성을 지정해야 할 것 (AN id 속성은 충분하지 않다) :

그래서 양식은 (약식 방식으로) 다음과 같습니다 상상 :

<form id="myFormId"> 
<input type="text" name="Text1" id="Text1" class=".name" /> 
</form> 

그런 다음 당신이 가진 것 javascript like :

$(document).ready(function(){ 
    $('#myFormId').validate({ 
     rules: { 
      Text1: { 
       required: true 
      } 
     }, 
     messages: { 
      Text1: { 
       required: 'Type a name' 
      } 
     }, 
     errorLabeLContainer: '#errors' 
    }); 
});