10
rated 0 times
[
16]
[
6]
/ answers: 1 / hits: 33148
/ 12 Years ago, wed, december 5, 2012, 12:00:00
I have a fairly simple login form that is submitted with a jQuery AJAX request. Currently, the only way to submit it is to press the Login button, but I would like to be able to submit the form when the user presses Enter.
I have only ever done form submissions using jQuery AJAX requests, but I'm unsure of what modifications I would need to make in order to have the form also be submitted when the user presses 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);
}
}
});
});
});
Excerpt from 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';
}
More From » php