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），否则重定向地址将不会显示。从源代码中也找不到它。

要创建类似上述的加密网址，请使用

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

产生密码错觉的最简单方法是什么？

2 个答案: