jQuery/AJAX登录表单在按下回车键时提交

11 浏览
0 Comments

jQuery/AJAX登录表单在按下回车键时提交

我有一个相当简单的登录表单，通过jQuery AJAX请求进行提交。目前，唯一的提交方式是点击"登录"按钮，但我希望用户按下"Enter"键时也能提交表单。

我之前只用过jQuery AJAX请求来提交表单，但我不确定需要做哪些修改才能使表单在用户按下"Enter"键时也被提交。

HTML:

JavaScript:

$(document).ready(function() {
    $('#login').click(function() {
        $.ajax({
            type: "POST",
            url: 'admin/login.php',
            data: {
                username: $("#username").val(),
                password: $("#password").val()
            },
            success: function(data)
            {
                if (data === 'Correct') {
                    window.location.replace('admin/admin.php');
                }
                else {
                    alert(data);
                }
            }
        });
    });
    $('#username, #password').keypress(function(event) {
        if(event.which === 13) {
            $('#login').click();
        }
    });
});

login.php的部分内容:

$stmt = $pdo->prepare("SELECT * FROM users WHERE username = :username AND password = :password");
$stmt->execute(array(
    ':username' => $user,
    ':password' => $pass
));
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
$affected_rows = $stmt->rowCount();
if ($affected_rows == 1) {
    //将用户添加到会话变量中
    $_SESSION['username'] = $username;
    echo ('Correct');
} else {
    echo 'Incorrect username/password';
}

0