2010-04-10 6 views
0

Message d'accueil,jquery Plugins/Validation à l'aide de submitHandler

J'utilise jquery Plugins/Validation library. Je veux autoriser la validation en soumettant mais je ne suis pas sûr où je devrais insérer le code: Je sais que je peux user submitHandler pour cela mais après avoir lu le document j'ai eu du mal à l'implémenter ainsi j'ai besoin de votre aide les gars.

La validation de jquery fonctionne bien mais le problème que le formulaire a encore soumis même là sont des entrées invalides.

Voici ma fonction de validation et je veux savoir comment faire pour ne pas soumettre le formulaire s'il y a une entrée invalide. En passant, j'utilise le bouton asp.net pour soumettre le formulaire.

voici mon code:

$(document).ready(function() { 


      $("#aspnetForm").validate({ 




       rules: { 
        "<%=txtHomePhone.UniqueID %>": { 

         phonehome: true 
        }, 

        "<%=txtMobileHome.UniqueID %>": { 

         mobilephone: true 


       }, 

        "<%=txtFaxHome.UniqueID %>": { 

        faxhome: true 

       }, 

       "<%=txtEmailHome.UniqueID %>": { 

        email: true 

       }, 


       "<%=txtZipCodeHome.UniqueID %>": { 

       ziphome: true 

       }, 

       //work 
          "<%=txtPhonework.UniqueID %>": { 

         phonework: true 
        }, 

        "<%=txtMobileWork.UniqueID %>": { 

         mobilework: true 


       }, 

        "<%=txtFaxWork.UniqueID %>": { 

        faxwork: true 

        }, 
        "<%=txtEmailWork.UniqueID %>": { 

        email: true 

       }, 

       "<%=txtWebSite.UniqueID %>": { 

        url: true 

       }, 
       "<%=txtZipWork.UniqueID %>": { 

       zipwork: true 

       } 



       }, 




        errorElement: "mydiv", 
        wrapper: "mydiv", // a wrapper around the error message 

         errorPlacement: function(error, element) { 
         offset = element.offset(); 
         error.insertBefore(element) 
         error.addClass('message'); // add a class to the wrapper 
         error.css('position', 'absolute'); 
         error.css('left', offset.left + element.outerWidth()); 
         error.css('top', offset.top - (element.height()/2)); 

        } 



      }); 

Répondre

0

pour permettre debugOn soumettre que je dois mettre debug à true dans la fonction de validation des règles en ajoutant cette ligne: debug: true,

code correct:

$(document).ready(function() { 


     $("#aspnetForm").validate({ 


       debug: true, 

      rules: { 
       "<%=txtHomePhone.UniqueID %>": { 

        phonehome: true 
       }, 

       "<%=txtMobileHome.UniqueID %>": { 

        mobilephone: true 


      }, 

       "<%=txtFaxHome.UniqueID %>": { 

       faxhome: true 

      }, 

      "<%=txtEmailHome.UniqueID %>": { 

       email: true 

      }, 


      "<%=txtZipCodeHome.UniqueID %>": { 

      ziphome: true 

      }, 

      //work 
         "<%=txtPhonework.UniqueID %>": { 

        phonework: true 
       }, 

       "<%=txtMobileWork.UniqueID %>": { 

        mobilework: true 


      }, 

       "<%=txtFaxWork.UniqueID %>": { 

       faxwork: true 

       }, 
       "<%=txtEmailWork.UniqueID %>": { 

       email: true 

      }, 

      "<%=txtWebSite.UniqueID %>": { 

       url: true 

      }, 
      "<%=txtZipWork.UniqueID %>": { 

      zipwork: true 

      } 



      }, 




       errorElement: "mydiv", 
       wrapper: "mydiv", // a wrapper around the error message 

        errorPlacement: function(error, element) { 
        offset = element.offset(); 
        error.insertBefore(element) 
        error.addClass('message'); // add a class to the wrapper 
        error.css('position', 'absolute'); 
        error.css('left', offset.left + element.outerWidth()); 
        error.css('top', offset.top - (element.height()/2)); 

       } 



     }); 
Questions connexes