Question

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

1.Personal Info， 2.联系信息， 3.Conformation详细信息。我的问题是：

如果step1的这些特定输入都是有效的并且在#Form中返回“true”，则第二步按钮将被激活/进入下一步，如果所有特定输入都是有效的，则类似于步骤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();  
        });  


    });  

});

Answer 1

如果您想在浏览器中执行此操作，请考虑使用位于此处的jQuery向导插件：http://worcesterwideweb.com/2007/06/04/jquery-wizard-plugin/

可以在此处找到该插件的演示：http://worcesterwideweb.com/jquery/wizard/

如何验证多个步骤FORM

1 个答案: