Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.05.2018, 21:44
Профессор
Отправить личное сообщение для Sergey1986 Посмотреть профиль Найти все сообщения от Sergey1986
 
Регистрация: 28.02.2018
Сообщений: 172

Форма отследить событие ввода в одной из полей
Все дорого времени суток!

Задачка стоит такая)))) не могу понять как решить ее

есть форма
<form action="" metod =''>
<input name="pole1" type="text">
<input name="pole2" type="text">
<input name="pole3" type="text">
</form>

как при вводе в одной из полей (keyup) формы js собирал бы данные из формы (при этом инпутам давать id не хотел бы)

Заранее богадарен!)
Ответить с цитированием
  #2 (permalink)  
Старый 30.05.2018, 21:49
Профессор
Отправить личное сообщение для Sergey1986 Посмотреть профиль Найти все сообщения от Sergey1986
 
Регистрация: 28.02.2018
Сообщений: 172

и серилизовать бы данные этой формы! ))))))))))))))
Ответить с цитированием
  #3 (permalink)  
Старый 30.05.2018, 22:05
Профессор
Отправить личное сообщение для Sergey1986 Посмотреть профиль Найти все сообщения от Sergey1986
 
Регистрация: 28.02.2018
Сообщений: 172

$('body :input').keyup(function(){
var data_form = $('form').serialize();
alert(data_form);
});

как то так решил
Ответить с цитированием
  #4 (permalink)  
Старый 30.05.2018, 22:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,144

Sergey1986,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
  $("input").on("input", function() {
  $("#show").html($('form').serialize())
})
});
  </script>
</head>

<body>
<div id="show"></div>
<form action="" metod =''>
 <input name="pole1" type="text">
 <input name="pole2" type="text">
 <input name="pole3" type="text">
 </form>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 30.05.2018, 22:55
Профессор
Отправить личное сообщение для Sergey1986 Посмотреть профиль Найти все сообщения от Sergey1986
 
Регистрация: 28.02.2018
Сообщений: 172

Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
отследить событие произошло оно или нет в другой функции jei Общие вопросы Javascript 14 07.04.2013 12:57
Отследить событие posta jQuery 3 08.02.2013 04:14
Как отследить пропал ли текст placeholder-а при фокусе на поле ввода z1987 Общие вопросы Javascript 2 19.12.2012 11:10
Зависимость полей ввода sakutylev AJAX и COMET 6 07.01.2011 17:10
Динамические создание полей ввода и заполнение их данными vitasya Events/DOM/Window 2 29.03.2009 23:51