0

Имеется несколько input на странице, где пользователь вводит данные о себе.

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

К примеру, если мы заходим в настройки в vk.com, что-то меняем и переходим на другую ссылку, то данные автоматически сохраняются.

1
  • ну например когда фокус уходит с инпута, можно взять данные и чтото с ними сделать, или использовать событие change 18 июл 2017 в 19:50

1 ответ 1

2

Например, использовать событие change:

$('input:not(:checkbox), textarea').on('change', function() {
  // отправка на сервер
  console.log(this.name + ' - ' + this.value);
});

$('input:checkbox').on('change', function() {
  // отправка на сервер
  console.log(this.name + ' - ' + $(this).prop('checked'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="name" placeholder="Имя" /><br />
<input type="text" name="surname" placeholder="Фамилия" /><br />
<input type="phone" name="phone" placeholder="Номер телефона" /><br />
<textarea name="text"></textarea><br />
<input type="checkbox" name="remember" /> Запомнить<br />
<input type="radio" name="mailing" value="1" /> Получать рассылку<br />
<input type="radio" name="mailing" value="0" /> Не получать рассылку<br />

1
  • Спасибо за ответ. У меня есть на странице img который хранит аватар, событие change с ним не работает. 19 июл 2017 в 6:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.