jqueryの検証を使用してインラインjqueryのDatepickerを検証する

Question

私のインラインのdatepickerを使用して日付が選択されているようにしたいのですが、インラインのdatepickerは隠された入力ボックスをフィードします。メッセージを表示させるために、私はinvalidHandlerを使用してエラーメッセージを再配置しました。

マイコード：

<script type="text/javascript"> 
     jQuery('#date').datepicker({ 
     inline: true, 
     beforeShowDay: checkDayOfWeek, 
     onSelect: function(dateText, inst) { $("#ship_date").val(dateText); } 
     }); 
</script> 

<div id="date" style="font-size: 75%;" class="required"></div> 
<input type="hidden" name="ship_date" id="ship_date" class="required" /> 

私は、エラーメッセージ移転：

jQuery("#custform").validate({ 
invalidHandler: function(e, validator) { 
    var errors = validator.numberOfInvalids(); 
    if (errors) { 
     var message = errors == 1 
      ? 'You missed 1 field. It has been highlighted below' 
      : 'You missed ' + errors + ' fields. They have been highlighted  below'; 
     $("div.error span").html(message); 
     $("div.error").show(); 
    } else { 
     $("div.error").hide(); 
    }   
}, 
}); 

私の目標：誰かが日付を選ぶことなく、フォームを送信すると、彼らは日付を入力するメッセージが提示されているがフォームが提出される前に日付ピッカーのdivにクラスを追加することができれば、より良い結果が得られます。

ありがとうございます

Answer 1

jQueryバリデータープラグインを使用していますか？あなたが隠しフィールド

<input type="hidden" class="required" id="field1" name="field1"/> 

にクラスを追加して設定することができた場合はバリのオプションが

$.validator.setDefaults({ ignore: '' }); 

（reference） ...何も無視していない、nullに無視し、エラーを取得しますmsgここで、隠しフィールドはです。日付フィールドの近くにある場合は、日付フィールドにmsgがあるように見えます。以前私のフォームでこれをやったことがあります。

これが役に立ちます。