JQuery UI автозаполнения ввода - Как проверить, если ввод пуст при изменении?

Question

На моей странице есть поле автозаполнения пользовательского интерфейса Jquery, и мне нужно что-то делать, когда ввод становится пустым (т. Е. Пользователь ввел что-то, а затем удалил все).

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

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

UPDATE Я пробовал это ...

$('#employeeAutocomplete').change(function() {
     alert("eventFired");
     if($( "#employeeAutocomplete" ).val() == ''){
         $('#createEmployeeBtn').hide();
     }
});

А оповещение не отображается ....

Спасибо, Дэнни

Answer 1

http://forum.jquery.com/topic/autocomplete-and-change-event

Примерно такая же проблема:

Я обнаружил изменение: работает, но только когда вход теряет фокус.

Решение, которое я реализовал, чтобы получить желаемый эффект, заключалось в том, чтобы реализовать собственную проверку как часть функции source :.Я установил minLength: в 0, и если длина была меньше 2, я загрузил свои данные дисплея по умолчанию.

Answer 2

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

Итак, я сделал тест пустого значения для события размытия jquery.

$('.input').focus(function() { $(this).autocomplete({ // autocomplete code here }) }).blur(function() { if($(this).val() == "") { } });

Answer 3

Взгляните на этот плагин

http://www.zurb.com/playground/jquery-text-change-custom-event

это более близкий обработчик для реального события textchange

Answer 4

ОК, люди. Следующее, безусловно, работает и представляет собой удивительно простое и элегантное решение, требующее нескольких строк кода.

100% гарантированно работает.

@ Милокс уже упоминал об этом:

http://zurb.com/playground/jquery-text-change-custom-event

Этот плагин jQuery крошечный. После того как вы загрузите / скопируете его и создадите ссылку на файл 'js', используйте следующее:

jQuery('#input').bind('notext',function () {
    console.log('text field is empty');
});

Есть и другие конфигурации, но это было все, что мне было нужно. Boom. Сортировка.

Answer 5

Я решил эту проблему с событием закрытия автозаполнения! Закрыть срабатывает, когда список результатов пуст. В моем случае это соответствует пустому полю ввода.

http://jqueryui.com/demos/autocomplete/#event-close

Answer 6

У автозаполнения jquery ui есть собственное событие изменения, вы пробовали это?

$( ".selector" ).autocomplete({
   change: function(event, ui) { ... }
});

http://jqueryui.com/demos/autocomplete/#event-change

Answer 7

$('#employeeAutocomplete').change(function() {
     alert("eventFired");
     if(this.value == ''){
         $('#createEmployeeBtn').hide();
     }
});

Answer 8

попробуйте нажать клавишу

.keypress () - API jQuery

Answer 9

Надеюсь, это поможет вам :) .change () - jQuery API