Html 密码正确吗?然后重定向

Html 密码正确吗?然后重定向,html,Html,可能重复: 因此,我有这个代码,我需要它只重定向时,正确的密码被添加。唯一的问题是,我不知道添加什么,这将使它只重定向,如果密码是“你好” 我知道使用“查看源代码”会泄露密码,我不介意,这是我想要的方式。 我基本上只需要知道要添加什么以及在哪里添加 苏欧: 如果在密码字段中键入“hello”,则重定向。 如果密码字段中还有其他内容,则不执行任何操作 <div class="wrapper"> <form class="form1" action="http://go

可能重复:

因此,我有这个代码,我需要它只重定向时,正确的密码被添加。唯一的问题是,我不知道添加什么,这将使它只重定向,如果密码是“你好” 我知道使用“查看源代码”会泄露密码,我不介意,这是我想要的方式。 我基本上只需要知道要添加什么以及在哪里添加

苏欧: 如果在密码字段中键入“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>  

输入密码以继续
密码:

我希望这是清楚的,可以理解

更新: 输入密码以继续


密码:


您必须使用javascript。您所需要的只是登录按钮上的事件侦听器,然后检查输入字段的值并重定向。这对于使用普通javascript来说足够简单,但是使用jQuery更容易。 应该是这样的(但我还没有测试代码)

当然,您必须包括jquery库,并确保加载了dom。

解释 我在这里使用的代码是:

if (document.getElementById('password').value == 'hello')
    alert('Correct Password!');
else
    alert('Wrong Password!');
现在,对于您的问题,我们可以替换
警报('Correct Password!')
location.href='members.html'
或其他内容

if (document.getElementById('password').value == 'hello')
    location.href='members.html';
else
    alert('Wrong Password!');
看看这个。没有使用jQuery,它是纯JavaScript

输入密码以继续
密码:


小提琴手:这太棒了!只有一个问题:location.href='members.html'不起作用。当我得到正确的密码时,它不会重定向。你能在你的问题中发布完整的代码吗?编辑并更新。在Firefox中查看:我也尝试了window.location.href='members.html';我对这个问题添加了一个更新
if (document.getElementById('password').value == 'hello')
    alert('Correct Password!');
else
    alert('Wrong Password!');
if (document.getElementById('password').value == 'hello')
    location.href='members.html';
else
    alert('Wrong Password!');
<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>​