按钮只适用于点击，而不是输入/返回

Button only works on click, not on enter/return

本文关键字：输入 返回 适用于 按钮      更新时间：2023-09-26

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

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

输入密码时，只有点击按钮才能生效。当按enter键时(大多数人默认这么做)，它只是用"?"Pass =password"在位置的末尾。如果可以点击按钮和/或按回车键，那将是理想的。

头… 

</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而不是按钮的onclick。

function TheLogin() {
  var password = 'accessportfolio';
  if (this.document.login.pass.value == password) {
    window.location.href = "protected.html#portfolio";
  } else {
    location.href = "incorrect.html";
  }
}
<form name="login" style="margin: 0px" onsubmit="TheLogin(); return false;">
  <INPUT TYPE="text" NAME="pass" size="17" style="width: 250px; margin: 5px;">
  <br>
  <input type="submit" value="CLICK TO ACCESS" style="width : 150px; margin: 10px">
</form>

相关文章：