comment valider le formulaire en étapes par procédure étape

Question

Je demande comment valider le formulaire dans les étapes par étape, je crée une forme et il a une durée de trois sections dans la même page

1. Infos personnelles,
2. Contact info,
3. Détails de la conformation.

Ma question est:

Si ces entrées spécifiques de l'étape 1 sont tous valides et retour « true » dans #form, le bouton marche-deux sera (activée/vous amène à l'étape suivante) et de même wth é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

La seule façon dont je pense que vous pourriez faire cela avec le plugin Validation serait d'utiliser le element method et cela semble que cela prendrait une éternité. Qu'en est-il de faire de chaque section une forme différente? Ensuite, vous pouvez facilement les valider un par un.