ユーザログインロジックが機能しないのはなぜですか？

Question

私はparseとjavascript/jQueryを使用して簡単なユーザーログインを試みています。ここではHTML構造です：

<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> 

、ここで私が使用しようとしていた論理である：私は送信ボタンを選択すると

<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> 

、私のページはちょうど更新され、何もコンソールログに来ることはありません。私は.preventDefaultとの以前の経験はありませんが、それを防ぐことはできませんか？何が問題になっているようですか？

Answer 1

サブミット入力でサブミット・イベントをコールしています。それは不可能です。 jqueryの-ドキュメントは言う：

「を提出イベントは、ユーザーがフォームを送信 しようとしている要素に送られ、唯一の要素を形成するために添付することができます。」

ので、代わりにこれを試してみてください。

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