使用Jquery validation插件的MultiStep表单客户端验证

Question

我需要构建一个基于mvc的多步骤应用程序表单，该表单将包含4个步骤：-基本详细信息、联系方式、运营详细信息、车辆详细信息。

基本包括基本的用户信息，如名称，dob。

联系方式-地址，邮寄地址，发货地址，电话

操作一些是/否问题与推理

车辆此部分用于添加多个车辆详细信息。

每个部分都用一个div分隔。我需要验证1个部分&只有到了下一个部分，即填写时的基本详细信息部分，才会被验证&然后转到我需要客户端验证的联系人详细信息部分。

我需要使用Jquery验证插件，而不是自定义验证，但Jquery验证的问题是它可以使用完整的表单&在我的情况下，验证是一次一个部分，而不是单个表单。以上内容的任何输入都将有所帮助。

谨致问候。

Answer 1

您可以使用，每个部分一个表单进行js验证。然后当你提交或你在最后一节。然后单击提交，手动构建一个表单并将其提交给客户端。

下面是一个关于如何通过js构建和提交表单的示例。这个例子取自

function autoLogIn(un, pw) {
var form = document.createElement("form");
var element1 = document.createElement("input"); 
var element2 = document.createElement("input");  
form.method = "POST";
form.action = "login.php";   
element1.value=un;
element1.name="un";
form.appendChild(element1);  
element2.value=pw;
element2.name="pw";
form.appendChild(element2);
form.submit();
}

还有其他例子，你可以在这里查看，使用带有jQuery验证的多步骤表单