jjery显示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. 成功验证打开彩盒，
  
4. 当用户点击确认按钮/链接时，通过AJAX提交表单。