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>