Chạy thử Code Submit Form trong JavaScript

Chạy thử Code Submit Form trong JavaScript

Chạy thử Code Submit Form trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Code Submit Form trong JavaScript</title>
<style>
input{margin-bottom:5px}
</style>
</head>
<body>

<h1>Chạy thử Code Submit Form trong JavaScript</h1>
<p>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ủ:</p>

<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>
</body>
</html>
Chạy thử Code Submit Form trong JavaScript nằm trong bài viết Submit Form trong JavaScript