jQuery 자동 완성 : 제안 영역에 도움말 텍스트를 표시하는 방법

Question

매우 짧은 쿼리가 서버에 많은로드를 생성했기 때문에 최근 자동 완성이 변경되었습니다. 당신은 get the full story here 일 수 있습니다.

이제 최소 문자 수를 2에서 5로 늘렸으므로 기능이 손상되었다고 생각하는 사용자에게이를 알리고 싶습니다. 원하는 결과는 다음과 같습니다

그러나, 나는 jQuery를에 "갈이 개 문자"를 수행하는 방법 아무 생각이 없습니다. 그것은 검색 상자에 1-4 문자가있는 경우에 발생하는 이벤트 여야합니다. 5 자에서 자동 완성 위젯은 정상적으로 작동해야합니다.

힌트를 주시면 감사하겠습니다. 미리 감사드립니다.

Answer 1

이 동작의 경우 입력의 "change"이벤트를 가로 채고 input.val(). 길이를 계산하고 입력 아래에 레이블을 표시 할 수 있습니다. 이 같은

뭔가 :

$("#input").autocomplete().on("change", function() { 
    var charsLeft = 5 - $(this).val().length; 
    if (charsLeft > 0) { 
     $("#label").html(charsLeft + " more characters to go...") 
    } else { 
     $("#label").html(""); 
    } 
});