如何逐步验证表单答案

【问题标题】：how to validate form in steps by step procedure如何逐步验证表单
【发布时间】：2010-02-22 04:44:23
【问题描述】：

我有查询如何逐步验证表单，我创建了一个表单，它在同一页面中有三个部分，

个人信息，
联系方式，
构造详细信息。

我的问题是：

如果步骤1的这些特定输入都有效并在#Form中返回“true”，则步骤2按钮将（被激活/带您进入下一步）如果所有特定输入都有效，则与步骤2类似并返回 true，step3 将激活

当我使用 jquery 验证时如何分步验证表单

我的代码在这里：

$(document).ready(function() {
var navHTML = '' + ''; $(function(){

        // init 
        $('#Form > div') 
            .hide() 
            .append(navHTML); 
        $('#first-step .prev-als').remove(); 
        $('#last-step .form-next').remove(); 

        // show first step 
        $('#first-step').show(); 
$("a.form-next").click(function() {

    var whichStep = $(this).parent().parent().attr('id'); 



            if( whichStep == 'first-step' ) 
            { 


      $("#first-step").validate(); 
                if($("#form").valid()==false)  return false;     
//Dont navigate to second page 

            } 
            else if( whichStep == 'second-step' ) 

            {                    

            } 

            else if( whichStep == 'last-step' ) 
            { 
                // validate last-step 
            } 
$(this).parent().parent().hide().next().show(); });

$('a.prev-als ').click(function(){ 
            $(this).parent().parent().hide().prev().show(); 
        }); 


    }); 

                       });

【问题讨论】：

@RageZ：对不起大家我没能理解他的问题，所以如果你有什么想法
感谢 Rage 现在我编辑我的查询请再次检查并尽快回复我坚持这个
我已经查询了如何逐步验证表单，我创建了一个表单，它在同一页面中包含三个部分：1.个人信息，2.联系信息，3.Conformation 详细信息。我的问题是：如果步骤 1 的这些特定输入都有效并在#Form 中返回“true”，则步骤二按钮将（被激活/带您进入下一步），如果所有特定输入全部都与步骤 2 类似有效并返回true，当我使用jquery验证时，step3将激活如何逐步验证表单

标签： jquery forms validation

【解决方案1】：

我认为您可以使用验证插件执行此操作的唯一方法是使用element method，这似乎需要很长时间。让每个部分成为不同的形式怎么样？然后，您可以轻松地一一验证它们。

【讨论】：