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()); 
     } 
    } 
});