Combinaison de validation de formulaire et fermeture de la fenêtre contextuelle?

Question

Comment puis-je m'assurer que la fenêtre ne se ferme pas avant que le formulaire ne soit valide et correctement envoyé? Parce que maintenant il ferme le popup et nobady sait si le formulaire était valide. Parce que même s'il y a des erreurs, le formulaire est immédiatement fermé.

$(document).ready(function(){ 

     $(".requestPassword").hide(); 
     $(".popupwindow").popupwindow(profiles); 

     $(".fp").click(function(){ 
      $(".loginForm").hide(); 
      $(".requestPassword").show(); 
     }); 
     $(".back").click(function(){ 
      $(".loginForm").show(); 
      $(".requestPassword").hide(); 
     }); 

     //form validation 
     $("#aanmeldForm").validate({ 


      //set the rules for the field names 
      rules: { 
      firstname: { 
      required: true, 
      minlength: 2 
      }, 
      email: { 
      required: true, 
      email: true 
      }, 
      message: { 
      required: true, 
      minlength: 2 
      }, 
      }, 
      //set messages to appear inline 
      messages: { 
      name: "Please enter your name", 
      email: "Please enter a valid email address" 

      }, 
      errorPlacement: function(error, element) { 
      error.appendTo(element.parent("td")); 
     } 

     }); 

     $("#aanmeldForm").submit(function(){ 
      //TODO: some data keeping jobs to be done 
      self.opener.location = 'http://ladosa.com'; 
      self.close(); 
     }); 


}); 

Answer 1

Vérifiez que le formulaire est valide et, dans le cas contraire, renvoyez false; hors de la demande:

$("#aanmeldForm").submit(function(){ 
    //TODO: some data keeping jobs to be done 
    // make sure the form was valid *before* dismissing the popup 
    if($(this).valid()) { 
     self.opener.location = 'http://ladosa.com'; 
     self.close(); 
     return true; 
    } 
    // stop the form submitting 
    return false; 
});