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

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

05.11.2015, 01:50. Показов 2669. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru