jquery 유효성 검사와 jquery Calendar picker를 결합하여 멋진 재생을 얻으시겠습니까?

Question

jquery/javascript 프로그래밍을 시작하기 시작 했으므로 초보자 용 질문 일 수는 있습니다.하지만 그것에 대해 아무것도 찾을 수없는 것 같습니다.

양식에 텍스트 필드가 있습니다. 필자는 데이터 입력을 향상시키기 위해 JQuery UI Calendar 선택기를 사용했습니다. 또한 jquery 유효성 검사를 추가하여 사용자가 손으로 날짜를 입력해도 유효하다는 것을 확인했습니다.

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

및 자바 스크립트 :

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

나는 데 문제가 이것이다 : 여기

는 HTML입니다

사용자가 잘못된 날짜에두고있는 경우, 또는 전혀 날짜를 입력하면 유효성 검사가 올바르게 실행되고 오류 설명이 표시됩니다. 그러나 사용자가 텍스트 상자를 클릭하여 달력 선택 도구를 가져 와서 날짜를 선택하면 날짜가 필드에 채워지지만 유효성 검사는 사라지지 않습니다. 사용자가 텍스트 상자를 클릭하고 다시 나가면 유효성 검사가 올바르게 사라집니다.

날짜 선택 후 달력 선택 도구가 유효성 검사 루틴을 시작하도록하려면 어떻게합니까?

감사

Answer 1

어쩌면이 도움이 될 수 있습니다 : 당신이 "재 검증 수있는이와

• http://jqueryui.com/demos/datepicker/#event-onSelect
• http://docs.jquery.com/UI/Datepicker#event-onSelect
하나 날짜를 선택하면,이 메서드가 호출됩니다

... "사용자가 날짜를 선택할 때마다 양식/필드.

날짜 표시기를 선택하면 자신의 이벤트 을 정의 할 수 있습니다. 함수는 선택한 날짜를 텍스트로 받고 datepicker 인스턴스를 매개 변수로받습니다. 이 입력란은 관련 입력 필드를 나타냅니다. 코드 예제

onSelect 이벤트를 초기화 옵션으로 처리하는 콜백 함수를 제공하십시오.

예 : 나는 매우 비슷한 일을하고 결국

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