2014-01-15 34 views
0

我正在为我即将到来的婚礼简单的网页。我们有2个事件,因此有两组信息,分别是何时何地。我想知道是否有方法提示用户输入,并根据他们的回应让他们重定向到具有正确信息的页面。因此,当他们点击“客户信息”,它会说像“输入密码”,如果他们输入密码一个,他们将被重定向到site.com/page1,如果他们输入密码二年里,他们被带到site.com/page2直接用户两个不同的网址,基于输入

有没有简单的方法来做到这一点?我对服务器端脚本不太满意,但我用前端(javascript和jquery)很不错。请帮忙!由于

+0

也许最简单的解决方法就是建立两个页面?或者让用户明确地选择一个或另一个? – vonbrand

回答

0

打开指定的链接,这样,最好是在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> 
+0

检查你的代码在这个小提琴,得到了一个错误http://jsfiddle.net/DwWF4/ – Andrew

+0

现在应该工作...只是一对夫妇的错别字:http://jsfiddle.net/DwWF4/1/ – user3043124

0

请与输入字段的表单,提交上检查字段的值,并相应地分配给window.location.href

0

它不会是非常安全的,只是一个“查看源文件”将揭示密码,但它可能满足您的需求很好,你可以使用以下命令:

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"; 
    } 
}) 
0

可以使用window.location.href prope RTY。要在新窗口中打开它,你需要使用 window.open()方法。

例如。 window.open('http://www.facebook.com'); //这将在新窗口中