如何以多部分表单进入下一步（验证后）

Question

我在 UI Accordion 上使用 jQuery 验证插件。我想在验证运行没有错误后打开下一个手风琴。我知道这是一个非常基本的功能，但我不知道如何做到这一点。有什么建议吗？

$(document).ready(function(){
$("#applicant-form").validate({
  errorPlacement: function(error,element) {
    return true;
  },
  rules: {
    "firstName": {
      required: true,
      minlength: 2
    }
  },
});

$(".next-step").click(function(e){
  e.preventDefault();
  var acc = $("#accordion"),
  index = acc.accordion('option','active'),
  total = acc.children('div').length,
  nxt = index + 1;

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

Answer 1

您可以制作单独的表单，并使用验证中的 submitHandler 选项来切换 Accordion。