Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
nelimsm

Starting jQuery autocomplete immediately after my Ajax call to server

06.02.2013, 11:21. Показов 937. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Прошу прощения, что задаю вопрос на английском. Русский язык понимаю плохо, поскольку сам из Болгарии.

Вот моя проблема:


В моём коде я назначаю обработчик на событие keyup на своём input, чтобы проверить, содержит ли значение хотя бы 3 символа. Если да, то я с помощью Ajax запрашиваю с сервера данные из базы, которые начинаются на те 3 введённых символа, и затем я запускаю jQuery autocomplete, передав в источник данные, полученные от сервера.

Проблема заключается в том, что когда пользователь вводит три символа, я получаю данные для autocomlete, и только когда он введёт 4й символ, autocomplete начинает работать. Возможно ли переделать поведение кода, чтобы autocomlete работал сразу же при вводе 3 символов?

Вот мой код:
Оригинал
Sorry that m yquestion is in english but I understand Russian verry litt[VB]le since I'm fron Bulgaria

Here is my broblem:


In my code I bind a keyup event to my input to check if the input value's length is 3. If it is, I make an Ajax call to the server getting the records from my database which start with these 3 character entered and then I start jQuery autocomplete with source - the data from database.

The problem is when the user enters three characters, I get the source for the autocomlete and only when he enters the fourth character the autocomplete starts. Is it possible to change that behaviour and as soon you enter 3 characters and get the source to start autocomplete?

Here is my code:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var keypresshandler = function () {
    var  strin = document.getElementById('txtInput').value;
        newstr = strin.replace(/[^\u0400-\u04FF0-9]/gi, '');
        if (newstr.length<3)
        {
                $( "#txtInput" ).autocomplete( "destroy" );
        }  else     
            if (newstr.length==3)
            {   
                 triming();    
            }
    }
 
 
    $(function() {    
         $('#txtInput').bind('keyup', keypresshandler);
     });
 
    function triming() {
         //make asynchronous ajax call to server to get the source of my autocomplete                    
         // alert (mec.length);       
         $( "#txtInput" ).autocomplete({source: mec});
     }
 
   }
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
06.02.2013, 11:21
Ответы с готовыми решениями:

jQuery autocomplete
Здравствуйте! Хочу сделать поле с раскрывающемся списком с помощью библиотеки jQuery autocomplete. Мне нужно сделать так, чтобы данные...

jquery ui autocomplete
Здравствуйте проблемма с этим плагином. Когда я подключаю массив для использовния его например в виде json строки такого вида все...

Starting MySQL database server: . failed
Help, please. Can not start mysql server Here is console output: pi@raspberrypi ~ $ mysql -u root -p Enter password: ERROR...

1
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
06.02.2013, 19:49
nelimsm, You should to trigger real autocomplete handler after initializing at line 10.
Нужно вызвать конечный обработчик autocomplete после его инициализации на строке 10.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.02.2013, 19:49
Помогаю со студенческими работами здесь

Starting of Tomcat failed, the server port 8080 is already in use
люди,подскажите кто знает.установил томкэт,в нетбинсе указал что буду использовать внешний томкэт,после запуска проекта в нетбинсе получаю ...

Как изменить JavaScript в autocomplete jQuery
Подскажите, пожалуйста, как изменить Javascript чтобы данные вытягивать из Mysql &lt;!doctype html&gt; &lt;html...

JQuery UI Autocomplete c minLength: 0 не правильно работает
Добрый день. Есть autocomplete прикрученный к input. После события change это поле перезагружается. В итоге на обновленном input уже не...

Модуль на jQuery UI autocomplete (remoute source)
Всем привет. Ваяю модуль поиска, собственно, как описано в сабже. Код скрипта из файла default.php: ...

jQuery autocomplete не передает параметры в контроллер MVC3
Здраствуйте. Прошу вашей помощи. Пытаюсь прикрутить автозаполнение к текстовому пол в представлении (на aspx страничке) и связать с...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru