Объединить jQuery календарь выбора с JQuery проверки и заставить их играть хорошо?

Question

Я только начинаю заниматься программированием на jquery / javascript, так что это может быть вопрос новичка, но я точно не могу найти ничего об этом.

У меня есть текстовое поле на форме. Я использовал JQuery UI Calendar, чтобы сделать ввод данных лучше. Я также добавил проверку jquery, чтобы убедиться, что, если пользователь вводит дату вручную, она все еще действительна.

Вот HTML:

<input class="datepicker" id="Log_ServiceStartTime_date" name="Log_ServiceStartTime_date" type="text" value="3/16/2010"></input>

и JavaScript:

$('form').validate();
$('#Log_ServiceStartTime_date').rules('add','required');
$('#Log_ServiceStartTime_date').rules('add','date');

У меня проблема в следующем:

Если пользователь вводит неверную дату или вообще не вводит дату, проверка корректно включается и отображается описание ошибки. Однако если пользователь нажимает на текстовое поле, чтобы вызвать средство выбора календаря и выбирает дату, дата заполняется в этом поле, но проверка не проходит. Если пользователь щелкает текстовое поле и затем отступает, проверка корректно исчезает.

Как я могу заставить средство выбора календаря начать процедуру проверки после выбора даты?

спасибо

Answer 1

Может быть, это может помочь:

• http://jqueryui.com/demos/datepicker/#event-onSelect
• http://docs.jquery.com/UI/Datepicker#event-onSelect

Этот метод будет вызываться после выбора одной даты ... С помощью этого вы сможете «заново проверять» форму / поле каждый раз, когда пользователь выбирает дату.

Позволяет определить ваше собственное событие. когда указатель даты выбран. функция получает выбранную дату как текст и экземпляр DatePicker как параметры. это относится к соответствующее поле ввода. Примеры кода

Предоставить функцию обратного вызова для обработки Событие onSelect в качестве опции init.

Пример:

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});