Jquery doğrulama kullanarak bir satır içi jquery Datepicker doğrulayın

Satır içi tarihçamı kullanarak bir tarihin seçildiğinden emin olmaya çalışıyorum. Satır içi tarih seçici bir gizli giriş kutusu besliyor, bu yüzden bunu gerektirmesi zor. İletinin görüntülenmesini denemek için, hata mesajlarını invalidHandler kullanarak yeniden konumlandırdım.

Kodum:

<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" />

Hata mesajını yeniden konumlandırıyorum:

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

Hedefim: Bir kişi bir tarih seçmeden bir form gönderdiğinde, form gönderilmeden önce bir tarih girmek için bir mesajla birlikte sunulur. Tarih toplayıcısına bir sınıf ekleyebilirsek, daha iyisi.

Okuma için teşekkürler

0

1 cevap

JQuery validator eklentisini kullanıyor musunuz? Öyleyse gizli alana bir sınıf ekleyebilirsiniz

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

ve validator seçeneğini yok saymayı null olarak ayarla, hiçbir şeyi yok say ...

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

( referans ) ve gizli alanın olduğu yerde bir hata mesajı alırsınız. Tarih alanının yakınındaysa, tarih alanının msg olduğu gibi görünecektir. Bunu daha önce formlarımda yaptım.

Bu yardımcı olur umarım.

0
katma