Question

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

个人信息，
联系信息，
确认细节。

我的问题是：

如果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

我认为你可以使用Validation插件执行此操作的唯一方法是使用element method，这似乎需要永远。如何使每个部分成为不同的形式？然后您可以轻松地逐个验证它们。

如何逐步过程验证表单

1 个答案: