Submit Form trong JavaScript

• Trần Ngọc Thanh
• 26
• 26/08/2025

Submit Form trong JavaScript dùng để kiểm tra dữ liệu của người dùng nhập vào trước khi gửi yêu cầu đến máy chủ, chi tiết như nào hãy cùng chúng tôi phân tích:

Submit Form trong JavaScript

Chức năng của Submit Form trong JavaScript

Submit Form trong JavaScript dùng để kiểm tra dữ liệu của người dùng nhập vào trước khi gửi yêu cầu đến máy chủ.

Code Submit Form trong JavaScript

<form action="" method="POST"  id="idform" >
<input type="text"  id="email" name="email" placeholder="Nhập email"><br>
<input type="password" name="matkhau" id="matkhau" placeholder="Nhập mật khẩu"><br>
<input type="submit" value="ĐĂNG NHẬP">
</form>
<script>
const idform = document.getElementById('idform');

    idform.addEventListener('submit', function(event) {
        event.preventDefault(); // Ngăn chặn gửi biểu mẫu mặc định

        // Kiểm tra email
        const email = document.getElementById('email').value;
        if (email.trim() === '') {
            alert('Email không được để trống!');
            return; // Dừng nếu không hợp lệ
        }
         // Kiểm tra mật khẩu
        const matkhau = document.getElementById('matkhau').value;
        if (matkhau.trim() === '') {
            alert('Mật khẩu không được để trống!');
            return; // Dừng nếu không hợp lệ
        }
        // Dữ liệu sẽ được gửi tới máy chủ nếu kiểm tra hợp lệ
        idform.submit();
    });
</script>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Submit Form trong JavaScript.