Здравствуйте, %username%! Хочу представить публике один интересный плагин для мониторинга состояния формы.
Что такое «состояние формы»? Это снимок значений, которые были заданы в форме в момент ее инициализации.
В плагине нет ничего лишнего, никаких «предпочтений и блудниц», только то, для чего он был разработан, а именно контроль над изменением значений в форме.
Для чего это? Ну, бывают всякие ситуации, например, для протоколирования изменений, внесенных в данные.
Можно попробовать контролировать событие выхода со страницы, а вдруг пользователь что-то ввел, но забыл сохранить? Если кому интересно, можете поиграть на jsfiddle .
Сам плагин предельно прост. Инициализация:
или расширенный вариант:$(document).ready(function() { $('form').
state_form(); });
$(document).
ready(function() {
$('form').
state_form({
//name input in form
inputName: 'changed_state', //is default
//add input with changes in form
insertInForm: 1, //is defaul
//function before form submit
//call if form has changes
ifChanged: function() { //is default
return true;
},
//field for excluded
exclude: ['field1', 'field2']
});
});
Проверка изменения состояния:
$('form').
state_form('is_changed');
Получить измененные поля:
$('form').
state_form('get_changes');
К событию отправки формы присоединяется обработчик, который сначала собирает все изменения, кодирует их в json, создает поле в форме, куда вставляет полученную строку, и изменения отправляются на сервер.
Эту функцию можно отключить.
UPD: обновил плагин до 0.0.3, где добавил методы работы с историей состояний.
Спасибо РубаХа за ваши пожелания и критику! Источник github.com/Slavenin/state_form Буду рад комментариям и предложениям! Спасибо за внимание! Теги: #JavaScript #плагины jquery #веб-разработка #jQuery
-
Слова, Слова, Повсюду Слова.
19 Oct, 24 -
React Native 0.68 И «Новая Архитектура»
19 Oct, 24 -
Нетбук Интертан Ppc10 (1991 Г.)
19 Oct, 24 -
Парадигмы И Политика Фонда
19 Oct, 24 -
Панель Dashboard24: Просмотр Инструментов
19 Oct, 24 -
Все О Фидбернере
19 Oct, 24
