jquery 앞에 오류 메시지 유효성 검사

Question

단일 열/다중 행 테이블에 넣을 양식이 있습니다. 오류 메시지가 입력 필드의 제목 앞에 표시되기를 원합니다.

  errorPlacement: function(error, element) { 
        error.prepend(element.parent()); 
      }, 

어떻게이 대신 얻을 수 있습니다 (I는 첫 번째 입력 필드를 채울 경우, 다른 모든 제출에 보이지 않는이된다)이 내 시도했지만 작동하지 않았다?

Answer 1

나는이 같은 빈 컨테이너를 만들 것입니다 : 오류가있는 경우

<div id="errorMsg"></div> 
<table id="form"> 
    <!-- your form table goes here --> 

이 #errorMsg에 삽입합니다. ID로 스타일을 지정할 수 있으므로 눈에 띄고 분명한 메시지이므로 프로세스에서 문서를 손상시키지 않습니다.

나중에 #errorMsg div를 최소한의 노력으로 페이지의 다른 위치로 이동할 수 있습니다. HTML을 이동하는 것이 JS에서 DOM의 새 지점을 대상으로 변경하는 것보다 훨씬 쉽습니다.

Answer 2

당신은 아마 구문 오류를

// Correct syntax 
$.prepend(content, [content]) 


errorPlacement: function(error, element) { 
    element.parent().prepend(error); 
}, 

// Or you can use $.prependTo(target) 

$(error).prependTo(element.parent();