使用jQuery验证的多步骤表单验证

我有一个表格，分为三步。它被简化以显示我的问题

每个步骤都应通过单击“下一步”按钮进行验证。我正在使用jQuery验证它

第一步可以很好地工作，但是下一步的验证不再有效

$（“.slide.one.button”）。单击（函数（）{
变量形式=$（“.myform”）；
form.validate({
规则：{
第一:{
要求：正确，
最小长度：6
}
},
信息：{
第一:{
必需：“这是必需的。”，
minlength：“太短了。”
}
}
});
if（form.valid（）==true）{
$（.slide.one”）.removeClass（“活动”）；
$（“.slide.two”）.addClass（“活动”）；
}
});
$（“.slide.two.button”）。单击（函数（）{
变量形式=$（“.myform”）；
form.validate({
规则：{
第二：{
要求：正确，
最小长度：6
}
},
信息：{
第二：{
必需：“这是必需的。”，
minlength：“太短了。”
}
}
});
if（form.valid（）==true）{
$（.slide.two”）.removeClass（“活动”）；
$（“.slide.three”）.addClass（“活动”）；
}
});
html{
字体系列：arial；
}
.幻灯片{
背景：rgba（0,0,0,0.2）；
裕度：0 10px 0；
填充：20px；
显示：内联块；
不透明度：0.2；
}
.slide.active{
不透明度：1；
}
.错误{
显示：块；
}
.按钮{
背景：绿色；
填充物：5px；
颜色：#fff；
文本对齐：居中；
}

下一个
下一个
下一个
不要在单击处理程序中调用
.validate（）
方法。否则，请查看问题上方的副本中的代码。@sparky您是如何做到的？同意的步骤1验证，但步骤2和步骤3不验证。@Cory-阅读文档并单击上面的重复链接。调用
.validate（）
方法后，插件会自动捕获提交按钮的点击。单击处理程序的内部不是它要去的地方。无论如何，当您可以参考上面的示例和文档时，注释就太多了。不要在单击处理程序中调用
.validate（）
方法。否则，请查看问题上方的副本中的代码。@sparky您是如何做到的？同意的步骤1验证，但步骤2和步骤3不验证。@Cory-阅读文档并单击上面的重复链接。调用
.validate（）
方法后，插件会自动捕获提交按钮的点击。单击处理程序的内部不是它要去的地方。无论如何，当您可以参考上面的示例和文档时，评论就太多了。