2010-12-09 14 views
2

J'utilise le plugin jquery de formtowizard avec la validation bassistance. Je joins mon prochain bouton à un événement de clic qui valide ma forme mais je ne veux que pour valider le fieldset actuel pas la forme entière ...Valider entre les champs

Ma forme est mis en place comme celui-ci

<form id="SignupForm" method="POST" action=".................."> 

    <fieldset> 
    <legend>Application</legend> 
     <div> 

     </div> 
    </fieldset> 

    <fieldset> 
    <legend>Step Two</legend> 
     <div> 

     </div> 
    </fieldset> 

Cette est ce que je suis en utilisant au moment

$("a.next").click(function() { 
    $("#SignupForm").validate(); 
    }); 

C'est là mon bouton est appelé

function createNextButton(i) { 
      var stepName = "step" + i; 
      $("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Next' class='next'>Next</a>"); 

      $("#" + stepName + "Next").bind("click", function(e) { 
       /* VALIDATION */ 
       if (options.validationEnabled) { 
        var stepIsValid = true; 
        $("#"+stepName+" :input").each(function(index) { 
         checkMe = element.validate().element($(this)); 
         //stepIsValid = !element.validate().element($(this)) && stepIsValid; 
         stepIsValid = checkMe && stepIsValid; 
        }); 
        //alert("stepIsValid === "+stepIsValid); 
        if (!stepIsValid) { 
         return false; 
        }; 
       }; 

       $("#" + stepName).hide(); 
       $("#step" + (i + 1)).show(); 
       if (i + 2 == count) 
        $(submmitButtonName).show(); 
       selectStep(i + 1,'next'); 
      }); 
     } 

Des idées quelqu'un?

+0

Toute personne idées? –

Répondre

1

Ok j'ai réussi à résoudre mon problème si quelqu'un d'autre voudrait savoir ...

function createNextButton(i) { 
    var stepName = "step" + i; 
    $("#" + stepName + "commands").append("<a href='#' id='" + stepName + "Next' class='next'>Next</a>"); 

    $("#" + stepName + "Next").bind("click", function(e) { 

     if (options.validationEnabled) { 
      var stepIsValid = true; 
      $("#"+stepName+" :input").each(function(index) { 
       checkMe = element.validate().element($(this)); 
       //stepIsValid = !element.validate().element($(this)) && stepIsValid; 
       stepIsValid = checkMe && stepIsValid; 
      }); 
      alert("stepIsValid === "+stepIsValid); 
      if (!stepIsValid) { 
       return false; 
      }; 
     }; 

     $("#" + stepName).hide(); 
     $("#step" + (i + 1)).show(); 
     if (i + 2 == count) 
      $(submmitButtonName).show(); 
     selectStep(i + 1,'next'); 
    }); 
}