Сохраните все изменения в форме, нажав кнопку

Question

У меня есть форма с несколькими входами, флажками, текстовым полем и т. Д. c. При нажатии кнопки я хочу выполнить сохранение значений для любого элемента, который мог измениться.

Из-за моей пользовательской базы я не всегда могу гарантировать, что они нажмут ENTER или TAB. Таким образом, кнопка будет помечена как СОХРАНИТЬ ИЗМЕНЕНИЯ.

Проблема в том, что без выхода из элемента ввода или нажатия клавиши ВВОД новое значение фактически не записывается во вход, и, следовательно, КНОПКА СОХРАНИТЬ теперь не содержит входного значения. изменено.

Итак. Как реализовать код, очищающий все элементы при любых изменениях значений. Что-то, что заставляет все входы обновляться новыми значениями.

Помните, что пользователь отредактирует значение и сразу же нажмет кнопку СОХРАНИТЬ без ввода или выхода из элемента.

Answer 1

Вы можете выполнить свой сценарий, который сохраняет каждое событие, которое происходит во входных данных, следующим образом:

Jquery

$("input").change(function(){
  alert("The text has been changed.");
});

Javascript

  object.addEventListener("change", myScript);

Вы также можно просмотреть документацию по событиям нажатия клавиш, чтобы она сохранялась каждый раз, когда пользователь изменяет значение или когда пользователь нажимает клавишу. В некоторых случаях это может быть полезно.

Answer 2

Мое решение состояло в том, чтобы загрузить все полученные данные записей в массив. Затем перед выходом соберите все текущие значения в форме в другом массиве.

Когда пользователь выбирает другую запись, выполните сравнение массивов и вуаля, у нас есть пары, которые нужно сохранить. Я оставил форму при изменении, когда пользователь редактирует значение и нажимает ENTER.

Таким образом мы надеемся уловить любые изменения. Новая вызываемая функция также вызывается в Windows .beforeunload.