jQuery Datepicker로 사용자 정의 유효성 검사 처리

Question

jQuery UI DatePicker의 인스턴스가 있습니다. 아래에 표시된 유효하지 않은 날짜와 같이 빌트인 유효성 검사가 실행되면 플러그인은 입력과 캘린더 버튼 사이에 메시지를 삽입합니다.

<div><label for="optContractFinite">Contract Starts on</label></div> 
<input type="radio" id="optContractFinite" value="OE" name="optContractDuration" /> 
<input type="text" class="isdatepicker" id="diContractStart" /> 

<div">Contract Expires on</div> 
<input type="text" class="isdatepicker" style="margin-left: 20px" id="diContractExpires" /> 

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $(".isdatepicker").datepicker({ 
      showOn: "button", 
      buttonImage: rootPath + "/images/CalendarIcon.gif", 
      buttonImageOnly: true 
     }); 
    }); 
</script> 

메시지를 표시 처리하는 사용자 정의 함수를 호출 할 수있는 방법이 있습니까?

Answer 1

그렇다면 jQuery 유효성 검사기가 아닌 datepicker가 아니라 기본 배치 처리기입니다.

form_validator = $('form').validate({ 
    errorClass: 'validationError', 
    ignore: '.optional', 
    onkeyup: false, 
    rules: { 
     diContractStart: { 
      required: '#optContractOpenEnded:unchecked', 
      date: true 
     }, 
     diContractExpires: { 
      required: '#optContractOpenEnded:unchecked', 
      date: true 
     } 
    }, 
    errorPlacement: function (er, el) { 
     if (el && el.length > 0) { 
      // er.insertAfter(el); <- The culprit 
      createErrorBubble(el, er.text()); 
     } 
    } 
});