Wie kann ich die Validierung auf jQuery UI Datepicker auslösen, nachdem ein Datum ausgewählt wurde?

Question

Ich habe eine clientseitige Validierung, die überprüft, ob die EndDate größer oder gleich StartDate ist. Die Validierung funktioniert, aber es schießt nicht so, wie ich es möchte. Ich möchte, dass es ausgelöst wird, sobald ein Datum auf dem Datepicker für EndDate ausgewählt wird. Wie kann ich das erreichen? Ich habe versucht, die folgenden:

Datumsauswahl-Code:

$(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    onClose: function() { 
     $(this).focusout(); 
    } 
}); 

Validierungscode:

$("#EndDate").focusout(function() { 
    jQuery.validator.addMethod('datetimegreaterthanorequal', function (value, element, params) { 
     var startDateValue = $(params.element).val(); 

     return Date.parse(value) >= Date.parse(startDateValue); 
    }, ''); 

    jQuery.validator.unobtrusive.adapters.add('datetimegreaterthanorequal', ['startdate'], function (options) { 
     var prefix = options.element.name.substr(0, options.element.name.lastIndexOf('.') + 1), 
      other = options.params.startdate, 
      fullOtherName = appendModelPrefix(other, prefix), 
      element = $(options.form).find(':input[name=' + fullOtherName + ']')[0]; 

     options.rules['datetimegreaterthanorequal'] = { 
      element: element 
     }; 
     if (options.message) { 
      options.messages['datetimegreaterthanorequal'] = options.message; 
     } 
    }); 

    function appendModelPrefix(value, prefix) { 
     if (value.indexOf('*.') === 0) { 
      value = value.replace('*.', prefix); 
     } 
     return value; 
    } 
}) 

Answer 1

Sie die Validierer innerhalb unserer .focusout() Ereignis zuordnen. Entfernen Sie diesen Block vollständig, da Sie ihn nur einmal zuweisen möchten.

Sie können ganz einfach auslösen Validierung auf der onSelect Option wie folgt aus:

$(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    onSelect: function() { 
     $("#myForm").valid(); 
    } 
}); 

Answer 2

Obwohl die Antwort von Mark arbeiten, sollten Sie beachten, dass es das gesamte Formular validieren. Wenn Sie nur das zugehörige Eingabefeld überprüfen möchten, würden Sie besser dran tun:

$(".datepicker").datepicker({ 
    onSelect: function() { 
     $(this).trigger("focus").trigger("blur"); 
    } 
}); 

Dieser täuscht innerhalb des Eingabefeldes dem Benutzer klicken und es wieder verlassen.