输入密码后JavaScript简单重定向

我只想点击一个按钮，然后，如果你的密码正确，它应该将你重定向到另一个页面，但如果你出错，它应该什么也不做

下面的代码可以工作，但如果您也出错，它会将您重定向到成功页面。我只想让它重定向，只要你做对了

   <div class="wrapper">
    <form class="form1" action="http://google.com">
        <div class="formtitle">
            Enter the password to proceed
        </div>

        <div class="input nobottomborder">
            <div class="inputtext">
                Password:
            </div>

            <div class="inputcontent">
                <input type="password" id="password" /><br />
            </div>
        </div>

        <div class="buttons">
            <input class="orangebutton" type="submit" value="Login" onclick="if (document.getElementById('password').value == 'hello') alert('Correct Password!'); else alert('Wrong Password!');" />
        </div>
    </form>
</div>

输入密码以继续
密码：

当密码不相同时，必须添加return false。这将防止默认操作和事件传播。您还可以使用jquery来获取元素及其值，如果您有这个选项的话

这取决于您希望在服务器端或仅在客户端处理的方式。 仅在客户端，我们可以将type=“submit”更改为type=“button”

输入密码以继续
密码：


函数checkPassword（）{
if（document.getElementById（'password'）。value='hello'）{
警报（“正确的密码！”）；
location.href=”http://google.com";
}否则{
警报（“密码错误！”）；
返回false；
}
}

当密码不相同时，必须添加return false。这将防止默认操作和事件传播。您还可以使用jquery来获取元素及其值，如果您有这个选项的话

这取决于您希望在服务器端或仅在客户端处理的方式。 仅在客户端，我们可以将type=“submit”更改为type=“button”

输入密码以继续
密码：


函数checkPassword（）{
if（document.getElementById（'password'）。value='hello'）{
警报（“正确的密码！”）；
location.href=”http://google.com";
}否则{
警报（“密码错误！”）；
返回false；
}
}

您可以使用

location.href="http://google.com"

这将重定向您可以使用的页面

location.href="http://google.com"

---

这将重定向页面

这应该通过onclick函数而不是if内联语句来完成。糟糕的编程实践，如果编码正确，将更容易查看和操作

<input class="orangebutton" type="submit" value="Login" onclick="if (document.getElementById('password').value == 'hello') alert('Correct Password!'); else alert('Wrong Password!');" />

改为

<input class="orangebutton" type="submit" value="Login" onclick="passCheck()" />

---

应该使用passCheck（）函数来完成此操作。

这应该使用onclick函数来完成，而不是使用if内联语句。糟糕的编程实践，如果编码正确，将更容易查看和操作

<input class="orangebutton" type="submit" value="Login" onclick="if (document.getElementById('password').value == 'hello') alert('Correct Password!'); else alert('Wrong Password!');" />

改为

<input class="orangebutton" type="submit" value="Login" onclick="passCheck()" />

---

使用passCheck（）函数可以完成此操作。

主要问题是表单提交，因为它是一个表单，您需要先禁用此提交，然后验证表单。

选中此项：

输入密码以继续
密码：


函数checkPassword（）{
if（document.getElementById（'password'）。value='hello'）{
警报（“正确的密码！”）；
location.href=”http://google.com";
}否则{
警报（“密码错误！”）；
返回false；
}
}

主要问题是表单提交，因为它是一个表单，您需要先禁用此提交，然后验证表单。

选中此项：

输入密码以继续
密码：


函数checkPassword（）{
if（document.getElementById（'password'）。value='hello'）{
警报（“正确的密码！”）；
location.href=”http://google.com";
}否则{
警报（“密码错误！”）；
返回false；
}
}

请发布您的代码。检查密码的ajax代码，而不是html表单。检查此主题：请发布您的代码。检查密码的ajax代码，而不是html表单。检查此主题：如果密码错误，它仍然重定向。是否可以停止？如果密码错误，它仍然重定向。是否可以停止？如果密码正确，它似乎不会重定向（document.getElementById（'password'）。value='hello'）{alert（'Correct Password！'）；location.href=”“}我认为JSFIDLE会阻止重定向。它应该可以工作！当您获得正确的密码时，这似乎不会重定向如果（document.getElementById（'Password'）。value='hello'）{alert（'Correct Password！'；location.href=”“}我认为JSFIDLE会阻止重定向。它应该可以工作！