Working RequiredFieldValidator avec javascript

J'ai plusieurs RequiredFieldValidator tels que:

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtbox1" Display="Dynamic" ErrorMessage="Required Field" SetFocusOnError="True" ValidationGroup="validator1" CssClass="validator" /> 

Lié à ce bouton:

 <asp:LinkButton runat="server" ID="btnNext1" Text="Next Page" CssClass="btn" ValidationGroup="validator1" /> 

Avec quelques javascript:

 <script type="text/javascript"> $(function() { function nextPage1() { $( "#divFirstPage" ).hide("fade"); $( "#divSecondPage" ).show("fade"); $( "#<%=btnNext1.ClientID%>" ).hide(); $( "#<%=btnNext2.ClientID%>" ).show(); $( "#<%=btnPrevious1.ClientID%>" ).show(); }; $( "#<%=btnNext1.ClientID%>" ).click(function() { nextPage1(); return false; }); $( "#divSecondPage" ).hide(); $( "#divThirdPage" ).hide(); $( "#<%=btnNext2.ClientID%>" ).hide(); $( "#<%=btnPrevious1.ClientID%>" ).hide(); $( "#<%=btnPrevious2.ClientID%>" ).hide(); }); </script> 

Mais le javascript est exécuté avant les validations, alors id doit exécuter les validations avant le javascript

Si ma compréhension est correcte, vous souhaitez valider votre formulaire avant d'exécuter le code javascript

Essayez quelque chose comme ceci:

 $( "#<%=btnNext1.ClientID%>" ).click(function() { var val = Page_ClientValidate(); if(!val) { return false; } nextPage1(); return true; }); 

En option, si vous souhaitez spécifier un groupe de ValidationGroup personnalisé, vous pouvez utiliser le code suivant:

 Page_ClientValidate('your group name');