Javascript 需要帮助测试html表单文本框，如果值与设置值相同，请转到页面

您好，我正在尝试制作一个简单的表单来测试textfield是否等于变量，变量值示例：（“MyPassword123”）

然后，如果文本字段与变量相同，则转到html文档，例如：（“nextPage.html”）

但是，如果它不等于变量，则转到html文档，例如：（“index.html”）

设置密码的原因是为了限制不在我的游戏服务器上玩的人，比如nextPage.html，上面会有新闻源和游戏信息，它和个人资料或任何我只想给出密码的东西完全不同，只允许在服务器上玩的人查看页面，仅此而已

我曾多次尝试在javascript中实现这一点，我确信使用if/else语句和验证文本字段名称可以实现这一简单任务，但我不擅长java或javascript

表格代码：

<form name="accessForm">
Password: <input type="text" name="inputCode"/>
<input type="submit" value="Submit"/>
</form>

密码：

如果有人能发布一些javascript代码来实现这一点，你会非常棒

注意：

<form name="accessForm">
Password: <input type="text" name="inputCode"/>
<input type="submit" value="Submit"/>
</form>

不确定这是否重要，但我正在使用HTML5和CSS3，以及 托管我将使用谷歌硬盘，所以我不能使用MySQL，它需要 使用javascript。我还没有测试这个驱动器是否允许PHP，但我 我知道Javascript很好用

---

您不需要使用HTML表单

<script>
function checkIt()
{
if(document.getElementById("inputCode").value=="MyPassword123")
location.href="nextPage.html";
else
location.href="index.html";
}
</script>
Password: <input id="inputCode" type="text"/>
<input type="button" value="Submit" onclick="checkIt()"/>

函数checkIt（）
{
if（document.getElementById（“inputCode”）.value==“MyPassword123”）
location.href=“nextPage.html”；
其他的
location.href=“index.html”；
}
密码：

如@Wes Foster所述，您应该在后端进行密码验证，但要将表单输入与vanilla JS中的变量进行比较，您可以这样做：

var password = "magicWord";
var form = document.getElementById("formName");

form.onsubmit = function(e) {
  e.preventDefault();
  var data = document.forms.accessForm.inputCode.value;

  if (data == password) location.href = "success.html";
  else location.href = "fail.html";
};

---

您不应该依赖javascript来验证密码。这很容易绕过，尤其是当浏览器关闭javascript时。感谢你们的帮助和快速回复，你们的代码帮助很大：）