Как проверить было ли значение выбрано из списка или введено в input (jquery ui autocomplete)?

Question

[Пашенька]

Добрый вечер,
Пользую виджет jqueryui.com/autocomplete. У меня есть input, по мере ввода данных в который, сервер отдаёт ответы в выпадающий список. Мне нужно написать проверку: было ли итоговое значение поля выбрано из списка либо же введено собственноручно пользователем и от этого дальше плясать.
Можно было бы создать переменную с начальным значением, а затем по event select менять её значение(собственно пока что я так и сделал). Но пользователь может к примеру сначала выбрать значение, а потом стереть и ввести новое, либо ввести один из вариантов списка вручную и тогда он засабмитится как дубль. Нет идей, прошу помощи

Вот функция автокомплита

$(function() {
    $( "#title" ).autocomplete({
      minLength: 1,
	  autoFocus: true,
	  source: 'handler.php',
	  	  select:  function( event, ui ) {
					$( "#title" ).val( ui.item.label );
					return false;
                  }
})});

Answer 1

[Александр]

как вариант отслеживать нажатые кнопки, потом их собирать в массив или строку, по submit проверять значение Inputa и набранное в массиве/строке значение.
И обнулять этот массив/строку если нажаты клавиши "backspace" или произошло событие "cut" или автокомплит.

Comments

[Пашенька]

lebonnet не могли вы помочь с примером? Мои навыки js оставляют желать лучшего

[Александр]

набросал jsfiddle.net/aqnL7369 но там есть костыли, думаю должно быть более лаконичное решение
там нельзя вырезать, выделять символы в инпуте, можно только удалять по одному с конца

[Пашенька]

lebonnet: спасибо, работает почти как надо) а можно ли обработать такую ситуацию:
Если ввести в поле один из вариантов списка, а затем выбрать его из списка получаем true, вместо false
или это сведёт на нет весь код?
jsfiddle.net/aqnL7369/2

[Александр]

дописал немного строчка 50 jsfiddle.net/aqnL7369/3
если вы все же решите использовать этот вариант, то нужно приделать какой-нибудь крестик, который этот инпут обнуляет, а то издевательство над пользователем получается =)

[Пашенька]

lebonnet: обнуление инпута не требуется, т.к. сразу после сабмита пользователь переходит на след.этап, который зависит от того способа которым данные были введены, поэтому тут важно обработать все возможные ситуации ввода, дабы дальше всё пошло по плану. Ваш новый код можно обойти, подтвердив пункт выпадающего списка Enter'ом :)

[Александр]

переписал jsfiddle.net/aqnL7369/6

[Пашенька]

lebonnet: большое спасибо за помощь! Очень помогли. С вашей помощью пришёл к такому простому варианту jsfiddle.net/aqnL7369/9
Вроде как дурак не должен пройти :)

[Александр]

Отлично, только первую строку нужно поменять на var selectUi = false;