0

저는 부트 스트랩 datepicker가있는 필드를 제외하고는 내 양식의 모든 항목과 완벽하게 작동하는 LiveValidation.js를 사용하고 있습니다.DatePicker에 LiveValidation 문제가 발생했습니다.

datepicker에서 날짜를 선택하면 날짜 필드가 올바르게 확인되지 않지만 필드로 돌아간 후 다시 선택하면 아무 것도 변경하지 않고 양식이 올바르게 유효성을 검사합니다.

당신이 날짜 선택기 스크립트에서 autoclose: true,를 제거하면 당신이 날짜를 선택하자마자 비록 날짜 선택기 드롭 다운을 종료 날짜를 선택하고 페이지에 다른 곳을 클릭 한 후, 양식 유효성 검사 오류 메시지를 확인합니다 확인을 위해 클릭 할 때까지 깜박입니다.

날짜 필드의 유효성을 검사 할 때 또는 유효성 검사시 상자 내용의 상태와 같은 문제가있는 것 같습니다. 필드가 전체 필드가 ​​포커스를 잃었을 때만 유효성을 검사 할 때 변경하는 방법이 있는지 궁금합니다.

도움을 주시면 감사하겠습니다.

+0

할 수 있습니다 설정 이것에 대한 JSfiddle? autoclose가 입력의 흐림 이벤트를 발생시키지 않아 유효성 검사가 실행되지 않을 수 있다고 생각합니다. –

답변

0

저는이 똑같은 문제에 직면했습니다. 문제는 LiveValidation이 datepicker에서 날짜를 선택할 때 발생하지 않는 onkeyup 이벤트를 가져올 때 유효성 검사 만 실행한다는 것입니다. datepicker의 onSelect 속성에서이를 위장해야합니다. 예를 들어

:

$('.datepicker').datepicker({ 
      onSelect: function() { 
       var e = $.Event("keyup"); 
       e.keyCode = 13; 
       $(this).trigger(e); 
      } 
     } 
    );