witam, chciałbym zrobić walidację formularza podzielonego na kroki.
mam duży formularz

[HTML] pobierz, plaintext 
<form id="wniosek" action="" method="post">
<div class="section1 krok aktywny" rel="1">
<input>
<input>
<input>
</div>
<div class="section2 krok" rel="2">
<input>
<input>
<input>
</div>
<div class="section3 krok" rel="3">
<input>
<input>
<input>
</div>
</form>
<a href="" id="wstecz">
<a href="" id="dalej">
[HTML] pobierz, plaintext 

i JS

[HTML] pobierz, plaintext 
 $("#dalej").click(function(){
                    var id = $(".aktywny").attr("rel");
                    $("#wstecz").show();
 
                    $(".krok").removeClass("aktywny");
                    $(".krok").css({"display":"none"});
 
                    $("div.section"+id).next().addClass("aktywny");
                    $("div.section"+id).next().css({"display":"block"});
 
                    if(id == "5"){
                        $("#dalej").hide();
                    }
                    $("#wniosek").validate({
                          rules:{
                        regulamin:{required:true}
                    },
 
                    messages:{
                        regulamin:{ required: "Pole wymagane"}
                    }
                    });
                });
[HTML] pobierz, plaintext 

walidacja jest w JQuery tutaj zamieściłem tylko role dla przykładu do pierwszego pola.
Chciałbym aby po kliknięciu dalej zwalidowane zostały tylko pola z diva, który jest aktywny.
W tym momencie validacja w ogóle się nie odpala, jeśli wyrzucę ją po za click i dam submita uruchamia się, jednak submit będzie widoczny w ostatnim kroku formularza.
Proszę o pomoc jak mógłbym to rozwiązać