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

Как отследить ввод текста на нескольких полях?

05.11.2015, 01:50. Показов 2624. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброй ночи дорогие программисты.
2 часа бьюсь над вопросом.
Как отследить изменения для 2 и более полей.

в руках есть js скрипт

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
26
27
28
29
30
31
32
$(document).ready(function() {
 
// Сюда указываем id поля поиска.      
 $('input').on('input', function() {
   // В переменную помещаем поисковое значение которое ввел пользователь.               
 var input_search = $("input").val();
  // Проверяем поисковое значение. Если оно больше или ровняется 2, то всё нормально и также если меньше 150 символов.
if (input_search.length >= 2 && input_search.length < 150 )
{
  // Делаем запрос в обработчик в котором будет происходить поиск.
 $.ajax({
  type: "POST",
  url: "search/avtor.php", // Обработчик.
  data: "q="+input_search, // В переменной <strong>q</strong> отправляем ключевое слово в обработчик.
  dataType: "html",
  cache: false,
  success: function(data) {
 
  $("#block-search-result").show(); // Показываем блок с результатом.
  $("#list-search-result").html(data); // Добавляем в список результат поиска.
    
}
}); 
 
}else
{
 // Если ничего не найдено, то скрываем выпадающий список.
  $("#block-search-result").hide();    
}
 
}); 
     });
и вот такие input поля

HTML5
1
2
<input type="text" id="Editbox1"  name="dynamic[]" class="input-search" placeholder="данные 1">
<input type="text" id="Editbox3" name="name" placeholder="данные 2"  >
при вводе данных в 1 поле, все отлично работает.
Но если вводить данные во 2 поле, ничего не срабатывает.
Так же если ввести данные в оба поля, так же сработает 1 поле.
И еще одна проблема, пока не удалишь данные в 1 поле , полученный список не пропадает.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
05.11.2015, 01:50
Ответы с готовыми решениями:

Как сделать чтобы в дополнительных полях dle 9.7 заработали BB теги как и в стандартных полях?
Суть проблемы в том что я использую многострочные дополнительны поля, и когда я добавляю текст в это поля, то при выделения этого теста и...

Как отследить одновременное нажатие нескольких клавиш?
Кто знает? Как отследить в программе на ассем. одновременное нажатие нескольких клавишь? НУ НИКАК НЕ ПОЛУЧАЕТСЯ!:-|

Как отследить ввод символа в программу
Программа расчета площади поверхности и объема сферы,требуется ввод радиуса.что делать,если пользователь введет букву или ,например,...

7
27 / 28 / 16
Регистрация: 18.10.2015
Сообщений: 187
06.11.2015, 03:32
А что значит:
JavaScript
1
$('input').on('input', function() {
??
0
0 / 0 / 0
Регистрация: 10.03.2013
Сообщений: 24
06.11.2015, 06:12  [ТС]
Almag13, я сам не силен в данном языке, но вроде отслеживает изменения в полях input
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
06.11.2015, 12:06
Цитата Сообщение от xaker01 Посмотреть сообщение
var input_search = $("input").val();
наверно
JavaScript
1
var input_search = $(this).val();
Добавлено через 41 секунду
Цитата Сообщение от xaker01 Посмотреть сообщение
но вроде отслеживает изменения в полях input
именно
0
0 / 0 / 0
Регистрация: 10.03.2013
Сообщений: 24
06.11.2015, 14:01  [ТС]
fanatikus, так к сожалению скрипт полностью перестает работать
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
06.11.2015, 14:15
данные, для отправки в php, нужно брать из одного поля или из двух?
0
0 / 0 / 0
Регистрация: 10.03.2013
Сообщений: 24
06.11.2015, 14:25  [ТС]
fanatikus, форма является динамической. по сути полей может быть N количество.
и данный скрипт должен работать на каждом из полей.

Добавлено через 3 минуты
Данный скрипт отвечает как раз за создание дополнительных полей
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
$(document).ready(function(){
 
    var i = $('input').size() + 1;
 
    $('#add').click(function() {
        $('<div><input type="text" id="Editbox1" name="dynamic[]" class="input-search" placeholder="Фио автора" /><input type="text" name="nomera_str[]" placeholder="Номера страниц" class="nomera_str" /> <input type="text" name="объем[]" placeholder="объем публикации" class="obem" /><select size="1" id="Combobox2" name="role[]" class="role-search" ><option>Студент</option></select></div>').fadeIn('slow').appendTo('.inputs');
        
       i++;
    });
 
    $('#remove').click(function() {
    if(i > 1) {
        $('.input-search:last').remove();
        $('.role-search:last').remove();
        $('.nomera_str:last').remove();
        $('.obem:last').remove();
        i--;
    }
    });
 
    // here's our click function for when the forms submitted
 
    $('.submit').click(function(){
 
    var answers = [];
    $.each($('.input-search'), function() {
        answers.push($(this).val());
    });
 
    if(answers.length == 0) {
        answers = "none";
    }   
 
    alert(answers);
 
    return false;
 
    });
 
});
0
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
06.11.2015, 17:01
Цитата Сообщение от xaker01 Посмотреть сообщение
$('<div><input type="text" id="Editbox1"
id, должен быть индивидуальным. вы же добавляете элементы с одинаковым.

Добавлено через 2 минуты
Цитата Сообщение от xaker01 Посмотреть сообщение
$('input').on('input', function() {
если, нужно повесить на создаваемый элемент, нужно как-то так
JavaScript
1
2
$(document).on('input','input', function() {
})
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
06.11.2015, 17:01
Помогаю со студенческими работами здесь

Как отследить ввод точки в поле типа double
Здравствуйте. Я отслеживаю изменение в поле и пересчитываю данные: Private Sub field_value_Change() Dim x As Integer Dim...

Как отследить изменение текста в richTextBox
Как отследить изменение текста в richTextBox (именно изменение, типа добавление запятой, удаление буквы и т.п.). Про richTextBox.Modified...

Как отследить редактирование текста в Word?
Hi all! Собственно, subj. Надо отследить нажатие кнопки на клаве. Не важно, что дальше - самое главное, какой event за это...

Как отследить событие ввода текста в jTextPane?
Здравствуйте. Как отследить событие ввода текста в jTextPane? P.S. И заодно как запретить ввод текста туда? Спасибо

Как отследить событие изменение текста в jTextField
Всем привет! Задача следующая: Мне нужно отследить любое изменение текстового поля jTextField при чем чтобы отслеживалось изменение как...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru