情報が正しく入力されないと、即座にページが更新されます

Question

現在、登録とログインページを作成しようとしていますが、これまでのところ1つのことを除いてすべて動作します。すぐにページをリフレッシュしますが、たとえば "test"のような電子メールを間違って入力すると、それが間違っているとわかります。私が試して、適切な電子メール "test@test.com"を入力した場合、間違ったパスワードを入力するとページが更新されます。これまで私はこれをコード化しています。

<div id="mainsection"> 
    <div id="loginPara"> 
    <form id="usrDetails" onsubmit = "return false()"> 
     Enter Email address:<br> 
     <input type="email" id="emailInput" required><br> 
     Enter Password:<br> 
     <input type="password" id="passwordInput" require><br> 
     <input type="submit" onclick="login()"> 
    </form> 
    </div> 

<p id="loginFailure" style="color:red"></p> 
</div> 
<script> 
    function checkLogin(){ 
     if(localStorage.loggedInUsrEmail !== undefined){ 
      //extract details of logged in user 
      var usrObj = JSON.parse(localStorage[localStorage.loggedInUsrEmail]); 
      //say hello to logged in user 
      document.getElementById("loginPara").innerHTML = usrObj.firstName + " logged in."; 
     } 
    } 

    function login(){ 
     //get email address 
     var email = document.getElementById("emailInput").value; 

     //user does not have an account 
     if(localStorage[email] === undefined){ 
      //inform user that they do not have an account 
      document.getElementById("loginFailure").innerHTML = "email not recognized. do you have an account?"; 
      return false; //do nothing else 
     } 
     else {//user has an account 
      var usbObj = JSON.parse(localStorage[email]);//convert to object 
      var password = document.getElementById("passwordInput").value; 
      if(password === usbObj.password){//successful login 
      document.getElementById("loginPara").innerHTML= usbObj.firstName + " logged in." 
      document.getElementById("loginFailure").innerHTML = ""; 
      localStorage.loggedInUsrEmail = usbObj.email; 
      } 
      else{document.getElementById("loginFailure").innerHTML = "Password not correct, please try again."; 
      } 
     } 
    } 

誰も私を助けてくださいことができますか？

Answer 1

これは、あなたが括弧なしでfalseを返す必要が

<form id="usrDetails" onsubmit = "return false()"> 

無効です（）。