Jak wyzwalać sprawdzanie poprawności, które ma wystąpić w datepicker jQuery UI po wybraniu daty?

Question

Mam pewne sprawdzanie poprawności po stronie klienta, które sprawdza, czy wartość EndDate jest większa lub równa StartDate. Sprawdzanie poprawności działa, ale nie jest uruchamiane tak, jakbym chciał. Chciałbym wystrzelić tak szybko, jak tylko data zostanie wybrana w datepicker na EndDate. Jak mogę to zrobić? Próbowałem następujące: kod

Datepicker:

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

Kod weryfikacyjny:

$("#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

Jesteś Przypisywanie weryfikatorów wewnątrz naszego .focusout() imprezy. Usuń ten blok całkowicie, tak jak chcesz, aby były przypisane tylko raz.

Można łatwo wywołać walidacji na opcję jak poniżej onSelect:

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

Answer 2

Chociaż odpowiedź od Marka zadziała, należy pamiętać, że będzie sprawdzana poprawność całego formularza. Jeśli chcesz tylko do sprawdzania poprawności pola wprowadzania powiązane, można byłoby lepiej robi:

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

To udaje się kliknięcie użytkownika wewnątrz pola wejściowego i pozostawiając go ponownie.