JQuery Показать диалоговое окно при успехе формы AJAX

Question

У меня есть несколько разделов формы, через которые проходит пользователь.Каждый обрабатывается через AJAX, и в случае успеха следующая форма загружается через AJAX.Теперь у меня есть ситуация, когда в нескольких разделах я хочу показать диалоговое окно после успешной обработки формы через AJAX.В этом случае пользователь заполняет форму, нажимает кнопку «Отправить», jquery использует AJAX для проверки правильности обработки формы, затем перед загрузкой следующей формы я хочу вызвать диалоговое окно (например, спасибо за регистрацию), которое позволяетпользователь может прочитать содержимое, а затем нажать кнопку / ссылку, чтобы перейти к следующей части формы.Я не уверен, что лучший способ добиться этого, вот как работает мой код на данный момент:

Может кто-нибудь предложить хороший способ обработки такого типа вещей, учитывая то, как я делаю вещи?ниже.

 $(".form_container form").validationEngine({
                        ajaxSubmit: true,
                        ajaxSubmitFile: $('.form_container form').attr('action'),
                        success: function(){
                            var href = $('input.next').attr("rel"); //use rel to store next url to be loaded
                            hash = href.replace(/^.*#/, '');
                            $.historyLoad(hash); //loads next section via ajax
                        },
                       failure..etc

Answer 1

Я бы использовал colorbox (http://colorpowered.com/colorbox) для модального (личные предпочтения).

Для фактической отправки я бы установил ajaxSubmit на false и отправил форму ПОСЛЕ того, как пользователь подтвердил, что он доволен введенным пользователем, и нажал кнопку / ссылку.

Таким образом, процесс будет:

1. Пользователь нажимает кнопку Отправить,
2. Форма проверена (НЕ отправлена ​​через AJAX),
3. При успешной проверке откройте colorbox,
4. Когда пользователь нажимает кнопку подтверждения / ссылку, отправьте форму через AJAX.