jquery validation submit - avec ajax submit - cliquez sur la fonction

Question

J'utilise une fonction de clic sur un lien pour soumettre le formulaire via ajax, et si le serveur revient avec une erreur, une erreur côté serveur est affichée.

Avec cette méthode, la clé d'entrée ne fonctionne pas dans le formulaire, et je pense qu'il existe probablement une façon plus simple et plus correcte de le faire avec le gestionnaire de soumission de validation de jquery.

voici mon code jusqu'à présent ...

function loginSubmit(){ 
    $.ajax({ 
     url: loginFormURL,   
     type: 'POST', 
     /** contentType: "application/json;", **/ 
     dataType:"text json", 
     /** async: true, **/ 
     data:$('#loginForm').serialize(), 
     success: function(data){ 

      if(data.isError == "false" || data.isError == ""){ 

         $.postMessage(
         'redirectURL|'+ redirectURL +'', 
         '*', 
         parent 
        ); 


        } else 

        if(data.isError == "true"){ 

         $("#loginError").empty().show(); 
         // iterate over the message list and display the error 
         for (var i=0; i < data.errorMessages.length; i++){ 
           // inject error message to the error container 

          $("#loginError").append(data.errorMessages[i]); 

          }  

         // iterate over the field list and paint the fields in red 

         $('input').parent('div').addClass('inputError'); 



        } 

      }    
    }); 
} 

et la fonction de clic:

$("a#loginButton").click(function(){ 
       $("#loginForm").validate().form(this); 
       if($('#loginForm').valid()){ 
        loginSubmit(); 
       } 
      }); 

Toute aide serait appréciée.

Answer 1

Vous voulez écouter de la pression de touche ENTRER sur vos champs d'entrée:

$('input').keypress(function(event) { 
    if(event.which == 13) { 
     loginSubmit(); 
     event.preventDefault(); 
     return false; 
    } 
}); 

Bien sûr, vous voudrez peut-être pas capturer ENTER sur tous vos balises INPUT, quelques-uns, de sorte que vous pouvez utiliser un autre sélecteur en fonction de vos besoins.

Voir une discussion similaire here.