jQuery autocomplete: как отобразить текст справки в области предложений

Question

Мы недавно внесли изменения в наш автозаполнение, потому что очень короткие запросы создали большую нагрузку на сервер. Вы можете get the full story here.

Мы увеличили минимальное количество символов от 2 до 5 и хотели бы сообщить об этом пользователям, которые в противном случае могли бы считать, что функция нарушена. Желаемый результат:

Однако, я понятия не имею, как это сделать «2 символов идти» в JQuery. Это должно быть событие, которое срабатывает, если в поле поиска есть 1-4 символа. В пяти символах виджет с автозаполнением должен функционировать нормально.

Любые советы приветствуются! Спасибо заранее.

Answer 1

Для этого вы можете просто перехватить событие «изменения» на входе, подсчитать длину 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(""); 
    } 
});