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

293
22 января 2017, 16:45

Добрый день. Имеется таблица с товарами. У каждого товара есть возможность редактировать несколько полей. Сохраняются данные через AJAX (для каждого товара своя кнопка Сохранить).

Также есть внизу навигация. Как сделать так, чтобы при попытке покинуть страницу (закрыть) или перейти по навигации, осуществлялась проверка, сохранены ли изменения в полях товара или нет. Если нет, то выдавать сообщение.

Я пока вижу вариант следующий. При изменении данные полей товара записывать в скрытый input сообщение (например, 1) о том, что поля подверглись изменению. А при сохранении очищать значение этого input. Тем самым при навигации я могу делать проверку за наполнение таких input-ов.

Но может есть более правильное решение?

Answer 1

Лично я предпочитаю помечать измененные инпуты специальным классом, например dirty.

$("#mytable input").change(function() {
    $(this).addClass("dirty");
});

И проверить легко:

if($("#mytable .dirty").length) { ..... }

и визуально можно подсветить с помощью css:

#mytable .dirty {
    background: #ffffaa;
}

UPD: ну и при сохранении не забываем чистить

$(".....").removeClass("dirty");
READ ALSO
конфликт в jquery.min

конфликт в jquery.min

У меня joomla 3

249
WP пересчет размера блока слайдера

WP пересчет размера блока слайдера

WordpressПлагин Ultimate Responsive Slider Пример страницы - http://lavds-wordpress

258
Как сделать animation для мобильного Safari рабочим?

Как сделать animation для мобильного Safari рабочим?

Всем доброго дня! Может кто подсказать как можно было сделать свойство animation, transform и тд

292
Qt Creator. Как установить библиотеку Phonon?

Qt Creator. Как установить библиотеку Phonon?

Есть необходимость в использовании этой библиотекиПри добавлении строки QT += phonon в

426