jQuery 유효성 검사 오류 위치

Question

jQuery.validate의 jQuery 오류 표시가 입력 필드 근처에 표시되고이 메시지가 우리의 레이아웃이 손상되었음을 표시하는 경우 표시됩니다.

페이지 인덱스와 입력 필드 근처에 Z- 인덱스와 오류 메시지가 표시된 흐름 "div"를 기반으로하는 솔루션이 필요합니다.

감사 errorClass, errorElement, 래퍼에서

Answer 1

보고, errorLabelContainer options 오류 메시지가 렌더링되는 방법을 수정하는 방법을 볼 수 있습니다. 대부분의 경우, 오류 메시지의 Z- 색인을 증가시키는 적절한 CSS가있는 오류 클래스를 제공하면됩니다. 그래도 작동하지 않으면 유효성 검사 플러그인에 errorPlacement 콜백이있어서 원하는 위치와 방법으로 오류 메시지를 배치 할 수 있습니다.

Answer 2

예 :

$(document).ready(function(){ 
     $("#page1Form").validate({ 
      rules: { 
       "field1": { 
        required: true, 
        digits: true 
       }, 
       "field2": { 
        required: true 
       } 
      }, 
      errorElement: "div" // This is to override the label w/ a div 
     });      
    }); 

CSS :

div.error { 
/* Your CSS Code Here */ 

}

당신은 DIV의 스타일을해야합니다. 내가하지만 내 CSS를하여 skillz 여전히 P