Jquery Datepicker 및 Jquery 유효성 검사

Question

궁금 해서요, jquery 유효성 검사 메시지를 날짜 선택 도구 아이콘 오른쪽으로 옮길 수 있습니까? 내가 CSS에서 할 수있는 것이 있는지, 아니면 어딘지에 라벨을 어떻게 든 둘 수 있습니다. 정말 혼란스러워.

현재 유효성 검사 오류가 발생하면 유효성 검사 메시지가 내 datepicker 이미지를 오른쪽으로 푸시합니다. 나는 그 메시지를 오른쪽으로 보내므로 datepicker 이미지가 그대로 유지됩니다.

Answer 1

당신은이 같은 오류 메시지를 넣어 위치를 지정하기 위해 jQuery를 검사기에 errorPlacement 기능을 사용해야합니다

 $("#myForm").validate({ 
      errorClass: "formInputInvalid", 
      errorPlacement: function(error, element) { 
       var trigger = element.next('.ui-datepicker-trigger'); 
       error.insertAfter(trigger.length > 0 ? trigger : element); 
      } 
     }); 

이 직접 잘못된 폼 입력 필드 다음과 같은 요소를 검사 -이 경우 ui-datepicker-trigger 클래스를 가지고 있다면, 그 트리거의 오른쪽에 에러 메시지를 놓을 것입니다. 그렇지 않으면 정상적인 것처럼 잘못된 양식 요소 바로 다음에 오류 메시지가 표시됩니다.