Question

我正在为即将举行的婚礼制作一个简单的网页。我们有2个事件，因此有两组信息可供何时何地使用。我想知道是否有办法提示用户输入，并根据他们的响应将他们重定向到具有正确信息的页面。因此，当他们点击“访客信息”时，它会说“输入密码”，如果他们输入密码，他们会被重定向到site.com/page1，如果他们输入密码2，他们会被带到site.com/page2

有一种简单的方法吗？我对服务器端脚本不太好，但我对前端（javascript和jquery）很不错。请帮忙！感谢

Answer 1

制作一个带有输入字段的表单，在提交时检查字段的值，并相应地分配给window.location.href。

Answer 2

它不会非常安全，只是“查看源”会显示密码，但它可能适合您的需求，您可以使用以下内容：

<强> HTML：

Enter Password: <input type="password" id="pwd">
<input type="submit" id="submit" value="Submit">

<强> JavaScript的：

$('#submit').on('click', function(e) {
    e.preventDefault();
    var password = $('#pwd').val();
    if (password == 'pass1') {
        window.location.href = "http://www.google.com";
    } else if (password == 'pass2') {
        window.location.href = "http://www.bing.com";
    }
})

Answer 3

您可以使用window.location.href属性。要在新窗口中打开它，您需要使用 window.open（）方法。

例如。 window.open（ 'http://www.facebook.com'）; //这将在新窗口中打开指定的链接

Answer 4

因此，理想情况下，在Web开发中，我们不会在客户端（前端）公开密码。但是，对于一个私人性质的网站，这很可能。请注意，这不是使用jQuery，但它可以使用它。

以下是执行您要求的代码（但我没有对其进行测试）：

<html>
  <body>
    <form>
      <input id="passwordForNextPage" type="password">
      <button onclick="checkDestination();">Submit</button>
    </form>
    <script>
        function checkDestination() {
          if (document.getElementById("passwordForNextPage") == "password1") {
            window.location.href = "/nextpage1.html";
          } else if (document.getElementById("passwordForNextPage") == "password2") {
            window.location.href = "/nextpage2.html";
          } else {
            alert("Please retype the password!");
          }
    </script>
   </body>
 </html>

根据输入将用户定向到两个不同的URL

4 个答案: