如果部分内的表单已提交，如何跳过手风琴部分

Question

我正在使用 jQuery UI Accordion 来包含几个单独的表单。当用户单击“继续”时，该部分中的表单被提交，并且下一部分打开。用户可以单击“编辑”按钮打开先前提交的部分并编辑该部分。完成后，用户单击“继续”，重新提交表单，然后打开下一部分。我想设置它以便打开下一个未提交的部分，而不仅仅是下一个部分。有什么建议吗？

这是我目前用来打开下一部分的部分代码：

$("#applicant-form").validate({
    submitHandler: function(form) {
            $(form).ajaxSubmit({    
...

    complete: function(e) {

   var acc = $("#accordion"),
index = acc.accordion('option','active'),
total = acc.children('div').length,
nxt = index + 1;
    acc.accordion('activate', nxt);
        }   
  });       

});

Answer 1

您可以为每个包含 div 的表单添加一个 state 属性，该属性的值将是以下两个值之一：0 表示未提交，1 表示已提交。

然后将您的代码更新为：

complete: function(e){
  var acc = $('#accordion'),
  index = acc.accordion('option','active'),
  total = acc.children('div').length;

  // Updating state of just submitted form 
  acc.children('div:eq('+index+')').attr('state',1);

  // Finding next unsubmitted form
  acc.children('div').each(function(i){
    if($(this).attr('state') == 0) {
      nxt = i;
      return false;
    }
  })

  acc.accordion('activate',nxt);
}