Автозаполнение пользовательского интерфейса jQuery, скрывает div, когда в поле ввода вводится больше символов

#jquery #css #jquery-ui-autocomplete

#jquery #css #jquery-ui-автозаполнение

Вопрос:

У меня есть поле ввода, заполненное автозаполнением пользовательского интерфейса jQuery. Цель состоит в том, чтобы проверить, что значение еще не присутствует в базе данных.

При наличии выделения отображается #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 был скрыт, когда пользователь выбирает запись, но добавляет некоторые символы.

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

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

Ответ №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('');
   }