Cách hiển thị hộp thoại confirm trong JavaScript

Định nghĩa

confirm(message) hiển thị modal dialog với thông điệp và 2 nút: OK và Cancel. Trả về true (OK) hoặc false (Cancel/ESC).

Ví dụ

<!DOCTYPE html>
<html>
<head>
  <script>
    function getConfirmation() {
      var retVal = confirm("Ban co muon tiep tuc?");
      if (retVal) {
        document.write("User muon tiep tuc!");
        return true;
      } else {
        document.write("User KHONG muon tiep tuc!");
        return false;
      }
    }
  </script>
</head>
<body>
  <p>Click nut de xem confirm:</p>
  <button onclick="getConfirmation()">Click Me</button>
</body>
</html>

Ứng dụng phổ biến

• Xác nhận xóa: if (confirm("Xoa?")) deleteItem();
• Xác nhận rời trang có thay đổi chưa lưu: window.onbeforeunload.
• Quy trình nguy hiểm (reset, thanh toán).

Đặc điểm

• Synchronous blocking: dừng JS cho đến khi user chọn.
• Không tùy chỉnh giao diện (browser native).
• Chặn UI toàn trang (modal).

Khuyến nghị hiện đại

• Thay bằng custom modal (HTML/CSS/JS) – không chặn main thread, style được, accessible.
• Thư viện: SweetAlert2, Bootstrap Modal, React Modal, v.v.
• Chỉ dùng confirm cho prototype, admin internal, hoặc fallback khi JS custom fail.