0

我有一个登录表单，完成后，它会将用户发送到带有 JavaScript 生成 URL 的页面（允许我使用 $_GET 将 JavaScript 变量传递给我的 PHP 脚本）。然而，为了做到这一点，登录按钮当前是'type="button"'。虽然一切正常，但这意味着用户无法通过按 Enter 登录；他们必须实际单击登录按钮。有没有办法可以“提交”表单，同时仍然指向 JavaScript 生成的 URL？

这似乎是一个非常基本的概念，它告诉我我可能一开始就以错误的方式接近它。任何指导表示赞赏。

HTML：

<form name="login">
    Username: <input type="text" name="user_id"/>
    Password: <input type="password" name="pswrd"/>
    <input type="button" onclick="check(this.form)" value="Login"/>
</form>

JavaScript：

function check(form) {
    var userCredentials = [["jsmith", "smithpassword", "John Smith"], ["jdoe", "doepassword", "Jane Doe"]];
    var credCheck = 0;
    for (var i = 0; i < userCredentials.length; i++) {
        if (userCredentials[i][0] == form.user_id.value) {
            credCheck += 1;
            var displayName = userCredentials[i][2];
            if (userCredentials[i][1] == form.pswrd.value) {
                window.open("home.php?display_name=" + displayName, "_self");
            } else {
                alert('The username and password do not match.');
                return false;
            }
        }
    }
    if (credCheck == 0) {
        alert('The username entered is not valid.');
        return false;
    } else {
        return true;
    }
}
4

2 回答 2

1

您需要action动态更改表单以指向您生成的 url，而不是通过 javascript 打开 php 页面。

HTML：

<form name="login">
    Username: <input type="text" name="user_id"/>
    Password: <input type="password" name="pswrd"/>
    <input type="submit" onclick="check(this.form)" value="Login"/>
</form>

JavaScript：（第 9 和 10 行已更改）

function check(form) {
    var userCredentials = [["jsmith", "smithpassword", "John Smith"], ["jdoe", "doepassword", "Jane Doe"]];
    var credCheck = 0;
    for (var i = 0; i < userCredentials.length; i++) {
        if (userCredentials[i][0] == form.user_id.value) {
            credCheck += 1;
            var displayName = userCredentials[i][2];
            if (userCredentials[i][1] == form.pswrd.value) {
                form.action = "home.php?display_name=" + displayName;
                return true;
            } else {
                alert('The username and password do not match.');
                return false;
            }
        }
    }
    if (credCheck == 0) {
        alert('The username entered is not valid.');
        return false;
    } else {
        return true;
    }
}
于 2013-11-11T22:14:58.670 回答
0

你可以试试：

<form name="login" onsubmit="check(this)">
    Username: <input type="text" name="user_id"/>
    Password: <input type="password" name="pswrd"/>
    <input type="submit" value="Login"/>
</form>
于 2013-11-11T22:14:54.070 回答