密码正确吗？然后重定向

Question

  

可能重复：
  Password HTML redirect

所以我有这个代码，我需要它只在添加正确的密码时重定向。唯一的问题是，我不知道要添加什么，如果密码是“你好”，它只会重定向 我明白使用“view-source”会泄露密码，我不介意，这就是我想要的方式。 我基本上只需要知道添加什么以及添加它的位置。

的sooo： 如果在密码字段中键入“hello”，则重定向。 密码字段中没有任何其他内容。

<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" />
                <br/>

            </div>
        </div>

        <div class="buttons">

            <input class="orangebutton" type="submit" value="Login" />


        </div>

</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="Continue" onclick="if (document.getElementById('password').value == 'hello') location.href='members.html'; else alert('Wrong Password!');" />
    </div>
</form>

Answer 1

你必须使用javascript。您只需要登录按钮上的事件监听器，然后检查输入字段的值并重定向。这很简单，可以使用普通的javascript，但使用jQuery更容易。 它应该是这样的（但我没有测试代码）。

$('.orangebutton').click(function () {
    if ($('input:password').val() == "hello") {
        window.location.href = "http://stackoverflow.com";
    }
});

当然你必须包含jquery库并确保加载了dom。

Answer 2

解释

我在这里使用的代码是：

if (document.getElementById('password').value == 'hello')
    alert('Correct Password!');
else
    alert('Wrong Password!');

现在，对于您的问题，我们可以将alert('Correct Password!');替换为location.href='members.html'或其他内容。

if (document.getElementById('password').value == 'hello')
    location.href='members.html';
else
    alert('Wrong Password!');

检查一下。不使用jQuery，它是纯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>​

在这里小提琴：http://jsfiddle.net/AmMwQ/