JQuery UI Автозаполнение, скрыть div, когда в поле ввода введено больше символов

Question

У меня есть поле ввода, заполненное JQuery UI Autocomplete.Цель состоит в том, чтобы проверить, что значение не уже присутствует в базе данных.

При наличии выбора отображается #warning div:

$("#item").autocomplete({
   source: function(request, response) {
      $.getJSON(
          "search.php",
          { term:request.term, type:'item' }, 
          response
      );
   },
   minLength: 3,
   select: function(event, ui) {
      $("#warning").show();
      $("#item").html('');
   }

Я бы хотел, чтобы #warning div был скрыт, когда пользователь выбирает запись, но добавляет несколько символов.

Я не могу понять, как это сделать.

Спасибо за вашу помощь.

Answer 1

Решается простым добавлением функции hide () при вызове автозаполнения:

$("#item").autocomplete({
   source: function(request, response) {
      $.getJSON(
          "search.php",
          { term:request.term, type:'item' }, 
          response
      );
      $("#warning").hide();
   },
   minLength: 3,
   select: function(event, ui) {
      $("#warning").show();
      $("#item").html('');
   }