오류 요소를 생성하는 것을 허용하지 않는 방법

Question

jquery.validate와 함께 작업하고 오류 요소를 생성하는 데 유효성 검사기를 허용하지 않는 방법을 검색합니다.

$("#smsForm").validate({ 
    highlight: function (element) { 
    $(element).addClass("notvalid"); 
    }, 
    unhighlight: function (element) { 
    $(element).removeClass("notvalid"); 
    } 
}); 

입력 요소를 생성하지 않고 입력 필드에 유효하지 않은 클래스를 추가하기 만하면됩니다. 그러나 유효성 검사기 추가 :

<label for="phoneNumber" generated="true" class="error">Phone</label> 

예를 들어 만약 올바르지 않은 전화 번호

Answer 1

난 당신이 "label" 이외의 다른 .validator()에 전달 된 errorElement 옵션을 설정하면, 다음 유효성 검사 플러그인은 당신을 위해 오류 요소를 생성하지 않습니다 생각 . 예 :

$("#smsForm").validate({ 
      errorElement: "", 
      highlight: function (element) { 
       $(element).addClass("notvalid"); 
      }, 
      unhighlight: function (element) { 
       $(element).removeClass("notvalid"); 
      } 
     }); 

Answer 2

의 jQuery 유효성 검사에서 오류 요소가 위에서, 즉 예를 들어

<input id="email" class="email error" type="text"> 

, 단지 CSS를 클래스의 클래스는 "이메일 오류"입니다.

당신은 당신이 당신의 스타일 시트에서 CSS 스타일을 변경할 수 있습니다 "표시"하는 오류 요소를 원하지 않는 경우 : 당신이 요구하는 것은 방법 "숨기기"는 것입니다

.error { 
    background-color: #fff; /* make the pink/red colour white */ 
    display: none; /* another way to hide it...*/ 
} 

경우 오류 메시지 ... .error 클래스를 추가하지 않으려면 다른 것입니다.