Проверьте, изменились ли значения веб-формы

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

Несмотря на большую кнопку "Save and Continue" некоторые пользователи нажимают это меню для навигации далее. Я должен проверить - если значения изменились в форме и спрашивают: "Сохраните изменения? Да/Нет".

Каков лучший способ (с минимальным клиентским кодом JavaScript), Вы предлагаете, чтобы я проверил, изменились ли значения формы?

Отредактированный немного позже:

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

12
задан Jesse 30 April 2013 в 16:24
поделиться

4 ответа

Плагин jQuery "Dirty Form" может вам помочь здесь:

http://plugins.jquery.com/project/dirtyform

9
ответ дан 2 December 2019 в 19:53
поделиться

Это не совсем просто без JQuery, потому что событие onchange для форм не всегда поддерживается браузерами.

Я бы сказал, если можете, используйте один из плагинов jQuery, представленных в других ответах.

Если о jQuery не может быть и речи, подумайте о добавлении простого onchange = 'if (this.value! = This.defaultValue) dirty_flag = true;' к каждому входному элементу. Если вам нужен чистый подход, сделайте это в разделе