制作密码错觉的最简单方法是什么？

Question

我需要一些帮助...我有一个输入和一个按钮，只有在密码正确的情况下，我才需要该按钮重定向到另一个页面。只有一个密码，所以我喜欢最简单的解决方案(js 将是完美的(。如果你帮助我，我会很高兴。谢谢！

<img id="login" src="pics/log-in.png" >
  <form action="main.html"> 
     <input type="password" placeholder="password">  
     <button type="submit">enter</button>
  </form>

Answer 1

第一步是在按钮上创建一个单击侦听器。如果密码正确，请在按钮侦听器中添加以下代码行：

window.location.href="url_of_another_page";

Answer 2

这是一种(合理(安全的方法来做到这一点：

let SECRET_URL = 'U2FsdGVkX1+d04CGQMFLvfPtMXpNIyl9sosbT07swnH9nRgL0EY3xLQkW8ukVZXR'
function go() {
  let pwd = document.querySelector("#password").value;
  let url = CryptoJS.AES.decrypt(SECRET_URL, pwd).toString(CryptoJS.enc.Utf8);
  alert('redirecting to ' + url);
  window.location.href = url;
}

<input id="password">
<input type=button onclick='go()' value="login">
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>

除非您输入有效的密码(恰好是fish(，否则不会显示重定向地址。也不可能从源代码中找到它。

要创建如上所述的加密 URL，请使用

SECRET_URL = CryptoJS.AES.encrypt('my url', 'my password').toString()