php – jQuery / AJAX登录表单提交输入

发布时间：2020-12-13 13:41:31 所属栏目：PHP教程来源：网络整理

导读：我有一个相当简单的登录表单,使用jQuery AJAX请求提交.目前,提交它的唯一方法是按“登录”按钮,但我希??望能够在用户按“Enter”时提交表单. 我只使用jQuery AJAX请求完成表单提交,但我不确定我需要做什么修改才能在用户按下“Enter”时提交表单. HTML： for

我有一个相当简单的登录表单,使用jQuery AJAX请求提交.目前,提交它的唯一方法是按“登录”按钮,但我希??望能够在用户按“Enter”时提交表单.

我只使用jQuery AJAX请求完成表单提交,但我不确定我需要做什么修改才能在用户按下“Enter”时提交表单.

HTML：

<form>

    <label for="username">Username</label>
    <input type="text" id="username" placeholder="Username" />

    <label for="password">Password</label>
    <input type="text" id="password" placeholder="Password" />

</form>

<button id="login">Login</button>

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);
                }
            }
        });

    });

});

摘自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) {
    //add the user to our session variables
    $_SESSION['username'] = $username;
    echo ('Correct');
} else {
    echo 'Incorrect username/password';
}

在表单中添加ID并将登录按钮转换为提交按钮：

<form id="myform">

<label for="username">Username</label>
<input type="text" id="username" placeholder="Username" />

<label for="password">Password</label>
<input type="text" id="password" placeholder="Password" />

<input type="submit" id="login" value="Login"/>

</form>

然后,而不是使用click事件：

$('#login').click(function() {

使用提交事件：

$('#myform').submit(function() {

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!