jquery 유효성 검사 플러그인을 사용하여 잘못된 위치에 오류 메시지가 나타납니다.

Question

한 페이지에서 Laravel, bootstrap 및 jquery를 사용하려고합니다. 슬프게도 나는 그들 모두에게 초보자입니다. 내가 만난 문제는 jquery 유효성 검사 플러그인을 사용하여 잘못된 위치에 오류 메시지가 표시되는 것입니다. 아래 그림에서 잘못된 위치의 메시지가 강조 표시되었습니다. 보시다시피 각 라디오는 레이블 태그에 포함되어 있으며 부트 스트랩 CSS에 필요합니다. 메시지가 삽입 된 요소를 찾으려고 시도했지만 실패했습니다. 아무도 나에게 코드의 어떤 부분이 모든 라디오와 오류 메시지를 옮기기 위해 변경되어야한다고 말할 수 있습니까?

Answer 1

나는 항상 같은 문제를 갖고있는 것 같다. errorPlacement 매개 변수를 사용하여 해결할 수 있습니다.

$('form').validate({ 

    errorPlacement: function(error, element) { 

     // Get inputs with this name 
     var obj = $('[name="'+element.attr('name')+'"]'); 

     // Are there multiple? 
     if (obj.length > 1) { 
      // Add error after whatever the parent element is of the last one 
      error.insertAfter(obj.last().parent()); 
     } else { 
      // Default, add error after the input 
      error.insertAfter(obj); 
     } 
    } 
}); 

어떻게 처리해야하는지 알아야합니다. 이것은 한 가지 방법 일뿐입니다.

데모 : http://jsfiddle.net/PgAyp/