Warum funktioniert meine Benutzeranmeldelogik nicht?

Question

Ich versuche eine einfache Benutzeranmeldung mit Pars und Javascript/jQuery. hier ist die HTML-Struktur:

<div class="login"> 
     <form class="user-pass"> 
     <input type="text" id="username-log" placeholder="username" maxlength="38"> 
     <input type="password" id="password-log" placeholder="password"> 
     <a href="#" id="pass-reset">Forgot Your Password?</a> 
     <input type="submit" id="logBtn" value="Log In"> 
     </form> 
    </div> 

und hier ist die Logik i zu verwenden ist versucht:

<script> 
     Parse.initialize("LotjQTmAjiCVc26g2sk7XFz9c70n67KdfV3yxQ5Q", "JTL6gc7TCNwaTnKMx9fdZUlfKmRtyA1YXUy89cxK"); 

     $("#logBtn").submit(function(event){ 
     event.preventDefault(); 

     var userName = $("#username-log").val(); 
     var passWord = $("#password-log").val(); 

     Parse.User.logIn(userName, passWord, { 
      success: function(user){ 
      console.log("Log in was a success!"); 
      }, error: function(user, error){ 
      console.log("Log in error:"+error.message); 
      } 
     }); 
     }); 
    </script> 

Wenn ich die Submit-Button wählen, meine Seite nur erfrischt und es kommt nichts an die Konsole anmelden. Ich habe keine vorherige Erfahrung mit .preventDefault, aber soll es das nicht verhindern? Was scheint das Problem zu sein?

Answer 1

Sie rufen das submit-Ereignis auf der Submit-Eingabe auf. Das ist nicht möglich. Die jquery-Dokumentation sagt:

„Das einreichen Ereignis zu einem Element gesendet wird, wenn der Benutzer auf versucht, eine Form einreichen Es kann nur Elemente angebracht werden, bilden..“

Also versuchen Sie stattdessen:.

$(".user-pass").submit(function(event){ 
     event.preventDefault();