jQuery 유효성 검사 : 텍스트뿐만 아니라 사용자 정의 오류 메시지 요소를 어떻게 만듭니 까?

Question

메시지 사용 방법에 대한 많은 예제를 보았습니다. 사용자 정의 오류 텍스트가 있습니다. 내가 성취하려는 것은 다른 것입니다.

클라이언트 측 및 서버 측 유효성 검사가 있으므로 두 경우 모두 동일한 오류 메시지가 표시됩니다. 코드 중복을 피하기 위해서는 <div class="error" id="bad_email">Invalid e-mail</span>이 가장 좋은 방법 인 것 같습니다.

유효성 검사 jQuery 플러그인에서이를 수행 할 수있는 방법을 찾을 수 없습니다. 어떤 아이디어?

Answer 1

방법이 있습니다. 플러그인 설명서를 읽어야합니다. link here에서 읽기

다음은 수행 방법입니다.

invalidHandler를 사용하십시오.

$(".selector").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 
     if (errors) { 
     var message = errors == 1 
      ? 'You missed 1 field. It has been highlighted' 
      : 'You missed ' + errors + ' fields. They have been highlighted'; 
     /* .... put here the call to a custom function to display validation error */ 
     customvalidationdisplay(message,"show"); 

     } else { 
     /* ... put here the call to a custom function to hide validation error if displayed */ 
      customvalidationdisplay("hide"); 
     } 
    } 
}); 


function customvalidationdisplay(message,action){ 
/* write here your custom script to display the error if action = "show" or hide if action = "hide" */ 

} 

이 내용을 이해하시기 바랍니다. 그렇지 않은 경우 자세한 정보를 요청하십시오.