Как определить, когда пользователь игнорирует предложения автозаполнения jQuery

Question

Нам нужна возможность вызывать обработчик, если пользователь вводит текст без, выбирая из набора предложений автозаполнения.

В нашем случае не имеет значения, совпадает ли введенный текст с любыми значениями автозаполнения или нет - нам остается только, если пользователь нажимает/выбирает значение автозаполнения, или нет.

Способ нашей формы заключается в том, что пользователь начинает вводить фамилию контакта и получает предложения автозаполнения, включая полное имя и компанию контакта. Если пользователь выбирает одно из предложений автозаполнения, мы заполняем несколько полей. Все работает нормально.

Новое требование состоит в том, что если пользователь НЕ выбирает одно из предложений, нам нужно вычеркнуть несколько полей, которые мы хотели бы реализовать, используя обработчик, вызванный из библиотеки автозаполнения.

Глядя на previousanswers, это не выглядит, как мы можем сделать это с Jörn Zaefferer's autocomplete plugin, но если у вас есть патч или некоторое представление о том, как реализовать эту функцию, это библиотека, мы бы попробовать и столкнуть ее в.

Answer 1

Я бы подумал, что простой способ сделать это - сохранить массив текстовых предложений и сравнить их с тем, что действительно введено в текстовое поле. Сделайте это onblur или onsubmit. Посмотрите в массив для фактического ввода ... если он не существует, они ввели свой собственный текст.

Answer 2

Этот плагин вызывает событие result, когда пользователь выбирает результат. Просто инициализируйте переменную в true при загрузке страницы, затем установите значение равно false в «result» even и проверьте, соответствует ли она true. Что-то вроде

(function() { 
    var typed_in = true; 
    $("#auto").bind("result", function() { typed_in = false }); 
    $("#form").blur(function() { 
    if (typed_in) { 
     // do stuff 
    } else { 
     // do other stuff 
    } 
    typed_in = true; 
    }); 
)(); 

Answer 3

Ну, вот как я это сделал, на случай, если это поможет. Я очистил значение скрытого поля всякий раз, когда поле автозаполнения осталось без предложения.

Я считаю, что функция search() делает фактическую проверку, что вы хотите, и если result() вызываются без data элемента, то вы знаете, что автозаполнение не использовалось.

autocompleteField.result(function(event, data, formatted) { 
    if (data) { 
     //auto-complete matched 
     //NB: this might get called twice, but that's okay 
    } 
    else { 
     //must have been triggered by search() below 
     //there was no match 
    } 
}); 

autocompleteField.blur(function(){ 
    autocompleteField.search(); //trigger result() on blur, even if autocomplete wasn't used 
}); 

Answer 4

jQuery autocomplete имеет некоторые полезные функции, которые вы можете использовать для решения проблемы. , если использование игнорирует autocomplete sugestion, тогда вы можете использовать ниже код для выбранных значений из sugestion.

Предположим, ваше имя входного автозаполнение «txtName», то вы можете написать код, как:

$('#txtName').change(function(me) { $('#txtName').search(); }); 

Answer 5

Я встречал очень интересный ответ. Это касается того, как плагины jQuery управляют своим статусом. Когда я смотрел на firebug (с помощью firequery), я обнаружил, что когда я щелкнул значок, показывающий свойства jQuery узла DOM (на вкладке HTML), он показал все данные плагина, прикрепленные к узлу DOM и прикрепленные к ним, это все параметры автозаполнения. Таким образом, я нашел решение.

$('#test').autocomplete({ 
    change:function(event, ui) { 
     var data=$.data(this);//Get plugin data for 'this' 
     if(data.autocomplete.selectedItem==undefined) 
      alert("manual"); 
     else 
      alert("selected");  
    } 
}); 

Что автозаполнения делает то, что если мы выбираем из списка, то SelectedItem содержит объект JSON, мы только выбранные со всеми его свойствами. Но если мы нажмем ESC или Отмените автозаполнение, оно будет установлено в нуль.