Submit form khi nhấn phím Enter trong textbox với JavaScript

Phím Enter có keyCode = 13. Dùng addEventListener('keydown') kiểm tra và gọi hàm submit.

Ví dụ

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Submit khi Enter</title>
</head>
<body>
    <input type="text" id="username" placeholder="Nhập tên..." />

    <script>
        document.getElementById("username").addEventListener("keydown", function(event) {
            if (event.keyCode === 13) { // Enter key
                event.preventDefault(); // Ngăn submit mặc định nếu trong form
                login();
            }
        });

        function login() {
            console.log("Đăng nhập thành công!");
            // Thực hiện logic login ở đây
        }
    </script>
</body>
</html>

Cách chạy

Lưu index.html, mở Live Server, nhập text, nhấn Enter.

Kết quả console

Đăng nhập thành công!

Hiện đại hơn: Dùng event.key === "Enter" thay keyCode (deprecated).

Trong form: Nếu input nằm trong <form>, Enter tự động submit form. Dùng event.preventDefault() để chặn và xử lý tùy chỉnh.