获取密码登录表单,以便在用户单击Enter时工作

时间:2014-02-21 01:13:37

标签: javascript html

这是我的登录页面:http://www.flimpact.org/testlogin.html。如果您输入密码然后单击“登录”按钮,该脚本将完美运行 - 弹出警报会通知您密码正确,然后您将转到下一页。但是,如果您键入正确的密码并单击“输入”而不是单击“登录”按钮,则会收到警报,但不会将您转到该页面。

您可以自己测试 - 密码是:简单

我尝试将input type =“button”更改为type =“submit”并将onSubmit =“Login()”添加到我的表单中,但表单完全停止了。

任何帮助将不胜感激。 谢谢, 德博拉

3 个答案:

答案 0 :(得分:0)

我假设你只是存储密码客户端用于测试目的?

但是,要使代码正常工作,您有几个选择。我更喜欢使用logIn函数作为布尔检查来确定它是否成功。然后,您需要将action移至form并将按钮更改为submit按钮。这应该适合你:

<form name="lform" id="lform" action="http://www.flimpact.org/1staff.html" onSubmit="return logIn()">
    <input type="password" class="passwordinput" size="40" name="login" id="login">
    <br>
    <input type="submit" class="loginbutton" value="Login">
</form>
<script type="text/javascript">
    //Powered by DCScript
    function logIn() {
        var pass = unescape("%65%61%73%79");
        switch (document.lform.login.value) {
            case pass:
                alert("Valid password. Access granted");
                return true;
                break;
            default:
                alert("Invalid password. Please try again.");
                return false;
        }
    }
</script>

答案 1 :(得分:0)

可能是您可以将“parent.location”更改为“window.location.href”:)

答案 2 :(得分:0)

尝试从logIn()函数返回false并将表单标记更改为:

<form name="lform" id="lform" onsubmit="return logIn()">