2017-12-05 9 views
1

자동 완성 입력 필드가 있으며 레이블 (텍스트) 및 ID (정수)가있는 개체를 검색하려고합니다.트리거 jQuery UI 자동 완성 minLength = 3이지만 숫자 만 1 일 때

자동 완성 기능을 사용하면 사용자가 텍스트 레이블이나 ID를 검색 할 수 있어야합니다. 서버 부분은 괜찮지 만 클라이언트 부분에서 사용자가 적어도 하나의 문자를 입력 할 때 minLength = 3에서 검색을 실행하고 싶습니다. 그러나 숫자 만있는 경우 첫 번째 문자에서 문자를 찾습니다 (그렇지 않은 경우 모든 ID가 누락됩니다). < = 99).

코드 :

$("#my_input").autocomplete({ 
    minLength : 1, 
    delay:200, source: function(request,response){ 
     ... 
} }); 

어떻게 최소 1 문자가있는 경우 경우 미만 3 개 문자를 트리거하도록 자동 완성을 방지하기 위해?

답변

1

검색을 수행하기 전에 search 속성을 사용하여 추가 검사를 추가 할 수 있습니다.

search: function(event, ui) { 
    var value = document.getElementById('my_input').value; 

    // If not a number and less than three chars, cancel search. 
    if(isNaN(value) && value.length < 3){ 
     event.preventDefault(); 
    } 

See a full working example here

+0

완벽한, 감사합니다! – scandel