密码保护页面,无需在代码中键入密码

时间:2015-01-25 14:17:46

标签: javascript html passwords

我创建了一个带有密码输入和提交按钮的表单的网站。 我想做什么: 当您输入密码并提交时,用户将转到与键入的密码同名的html页面。 例如:正确的密码是'BlaBla'。 当用户在密码输入中输入“BlaBla”并提交时,用户会访问www.mysite.com/BlaBla.html。 当用户在密码输入中键入“NaNa”并提交时,用户会访问www.mysite.com/NaNa.html。 我有一个名为BlaBla的html页面,所以它不会给出错误页面。

我希望很清楚,有人可以为此编写一个javascript代码。

1 个答案:

答案 0 :(得分:0)

这是你在找什么?

$('#sub').click(function() {
  var url = "www.mysite.com" + "/" + document.getElementById('t').value;
  alert(url);
  window.location = url;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#">
  <input type="password" id="t"></input>
  <input type="button" value="Go" id="sub"></input>
</form>