comment valider plusieurs étapes FORMULAIRE

Question

J'ai requête comment valider le formulaire en plusieurs étapes, créer un formulaire et a une durée de trois sections dans une même page,

1.Personal Info, information 2.Contact, Détails 3.Conformation. Ma question est:

Si ces entrées spécifiques de l'étape 1 sont toutes valides et retournent "vrai" dans #Form, le bouton de l'étape 2 sera (activé/vous amènera à l'étape suivante) et de même avec l'étape 2 si toutes les entrées spécifiques sont tous valides, et va l'Etape 3 activera

comment valider le formulaire dans les étapes quand je suis en utilisant la validation jquery

mon code est ici:

$(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

Si vous voulez faire ceci dans le navigateur, envisager d'utiliser l'Assistant jQuery Plugin situé ici: http://worcesterwideweb.com/2007/06/04/jquery-wizard-plugin/

Une démonstration du plug-in en action peut être trouvée ici: http://worcesterwideweb.com/jquery/wizard/