Как обновлять запись в БД через форму без кнопок?

Question

[PavelVlas]

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

Answer 1

[Армянское Радио]

Ждать 2 секунды после изменения символа и сохранять
Сохранять при потере фокуса.

Comments

[PavelVlas]

Во при потере фокуса отличный вариант спасибо!

[Одиночка Айс]

PavelVlas, первый вариант не забудьте реализовать тоже, а то я мог держать курсор в поле/печатать, а потом браузер завис/свет погас/я нажал Alt+F4

[ettychel]

PavelVlas, будет ещё лучше, если вы будете сохранять каждые 2 секунды или секунду в LocalStorage, а вот потом при потере фокуса отправлять на сервер, а вот если свет погас, то перед загрузкой страницы смотреть на наличие ключика и если там он есть, то отправлять на сервер, естественно после отправки на сервер удалять ключик с данными.
Это будет куда лучше, чем мучить сервер кучей ненужных запросов

Answer 2

[Дмитрий Комчев]

document.querySelector('.class').addEventListener('input', () => {
        // сохраняете в базу 
});

Answer 3

[qwermus]

Есть скрипт, на который попадает форма после нажатия на кнопку. Тебе надо убрать кнопку, а вместо этого сделать так:
$(document).on('keyup','.input-class',function(){
// Send data
$.post(
'URL,
data,
function() {
})
.done(function(res) {

})
.fail(function() {

});
return false;

});

Соответственно в УРЛ подставь УРЛ скрипта, в data подставь значение из input. Как-то так