Javascript 按钮仅在单击时起作用，在输入/返回时不起作用

我有一个简单的密码保护设置在我的网站上，以防止随机访客，并给客户一种安全感

我知道可以很容易地从源代码中提取密码，但这不是问题

输入密码时，仅当单击按钮时，密码才起作用。当按enter键时（大多数人默认按enter键），它只需在位置末尾用“？pass=password”重新加载页面。如果可以单击按钮和/或按enter键，这将是理想的选择

头部…

</script>
<!--- PASSWORD PROTECTION SCRIPT --->    
function TheLogin() {    
   var password = 'accessportfolio';    
   if (this.document.login.pass.value == password) {
      window.location.href="protected.html#portfolio";
   } else {
      location.href="incorrect.html";
   }
}    
<!--- End hiding --->
</script>

<form name="login" style="margin: 0px">
<INPUT TYPE="text" NAME="pass" size="17"
       onKeyDown="if(event.keyCode==13) event.keyCode=9;" 
       style="width: 250px; margin: 5px;"><br>
<input type="button" value="CLICK TO ACCESS" 
       style="width : 150px; margin: 10px"
       onClick="TheLogin(this.form)">
</form>

函数TheLogin（）{
var password='accessportfolio'；
if（this.document.login.pass.value==密码）{
window.location.href=“protected.html#公文包”；
}否则{
location.href=“error.html”；
}
}    

体内…

</script>
<!--- PASSWORD PROTECTION SCRIPT --->    
function TheLogin() {    
   var password = 'accessportfolio';    
   if (this.document.login.pass.value == password) {
      window.location.href="protected.html#portfolio";
   } else {
      location.href="incorrect.html";
   }
}    
<!--- End hiding --->
</script>

<form name="login" style="margin: 0px">
<INPUT TYPE="text" NAME="pass" size="17"
       onKeyDown="if(event.keyCode==13) event.keyCode=9;" 
       style="width: 250px; margin: 5px;"><br>
<input type="button" value="CLICK TO ACCESS" 
       style="width : 150px; margin: 10px"
       onClick="TheLogin(this.form)">
</form>

该按钮应该是一个提交按钮，您应该使用表单的onsubmit，而不是单击按钮

函数TheLogin（）{
var password='accessportfolio'；
if（this.document.login.pass.value==密码）{
window.location.href=“protected.html#公文包”；
}否则{
location.href=“error.html”；
}
}

使用

onSubmit

而不是

onClick

，根据定义，它只在单击时起作用。感谢您的帮助。我尝试了这个，但它不能正常工作（不确定我是否做得正确）。如果你有时间看一看，我会非常感谢你的帮助。我刚刚编辑了我的html文件，但它仍然不工作。因为我的网站是一个单独的页面，你认为代码会干扰其他东西吗？输入密码“accessportfolio”并按enter键后，它只需重新加载并在地址栏中显示“”。我真的很感谢您抽出时间来做这件事。

onsubmit=“TheLogin（）；return false；”