как проверить форму в пошаговой процедуре

Question

У меня есть вопрос, как проверять форму поэтапно, я создаю форму, и она имеет три раздела на одной странице,

1. Личная информация,
2. Контактная информация,
3. Сведения о конформации.

Мой вопрос:

Если все эти конкретные входные данные шага 1 действительны и возвращают «true» в #Form, кнопка второго шага будет (активирована / перейти к следующему шагу) и аналогично шагу 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 - это использовать метод элемента , и кажется, что это займет вечность. Как насчет того, чтобы сделать каждый раздел по-разному? Тогда вы можете легко проверить их по одному.