window.location.replace登录表单问题（html，javascript）

Question

我想用html和javascript做一个简单的登录表单，但是每当我使用window.location.replace改变到下一个页面时，它永远不会工作。如果我得到的密码错误，它会起作用，但如果我把它正确的话，它会把表单提交到url（url.com/?pswrd=password）。我不想为此项目使用SQL或任何类型的密码保护。

 <form onsubmit="checkForm(this)"> 
     <input id="password" 
     type="password" 
     name="pswrd"/> 

     <input id="btn" onclick="checkForm(this.form)" type="submit" value="Login" class="hvr-float-shadow"/> 
    </form> 
    </font> 
    <script> 
     function checkForm(form) { 
      if(form.pswrd.value == "[censored]") { 
       window.location.replace('/indexproxy.php') 
      } 
      else if(form.pswrd.value == "[censored]") { 
       window.location.replace('/indexproxy.php') 
      } 
      else if(form.pswrd.value == "[censored]") { 
       window.location.replace('/indexproxy.php') 
      } 
      else if(form.pswrd.value == "[censored]") { 
       window.location.replace('/indexproxy.php') 
      } 
      else if(form.pswrd.value == "[censored]") { 
       window.location.replace('/indexproxy.php') 
      } 
      else if(form.pswrd.value == "[censored]") { 
       window.location.replace('/indexproxy.php') 
      } 
      else { 
       alert("Incorrect access code, please try again."); 
      } 
}; 
    </script> 
<font face=arial color=white size=2> 
<p>All access codes are CaSe SeNsiTIVE</p> 

Answer 1

你可以做这样的事情

CHAGE形式的标签从这个

<form onsubmit="checkForm(this)">

这个

<form onsubmit="return checkForm(this)" method="post" action="indexproxy.php">

而这是功能

function checkForm(form) { 
 
     if(form.pswrd.value == "[censored]") { 
 
      return true; 
 
     } 
 
     else if(form.pswrd.value == "[censored]") { 
 
      return true; 
 
     } 
 
     else if(form.pswrd.value == "[censored]") { 
 
      return true; 
 
     } 
 
     else if(form.pswrd.value == "[censored]") { 
 
      return true; 
 
     } 
 
     return false; 
 
};

所以，如果你的密码是正确的，形式会送你到indexproxy.php页面，否则将停止

Answer 2

的形式提交，因为你点击的形式一个提交按钮。使用type="button"代替。

更好的是，移动你的逻辑服务器端，通过查看源代码找不到你的密码。