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. User clicks submit,
2. The form is validated (NOT submitted via AJAX),
3. On successful validation open colorbox,
4. When the user clicks the confirm button/link submit the form via AJAX.