Hàm confirm() trong JavaScript

• Trần Thị Vân
• 1109
• 23/08/2025

Chức năng của Hàm confirm() trong JavaScript

Hàm confirm() trong JavaScript dùng để hiện hộp thoại thông báo, thường là xóa sản phẩm, nếu ok xóa thì thực hiện hành động xóa, còn hủy thì sẽ không thực hiện hành động xóa, hành động xóa này code trong đoạn đồng ý xóa.

Code Hàm confirm() trong JavaScript

<script>
if (confirm("Bạn có chắc chắn muốn xóa bài viết này?")) {
    // Code xóa bài viết
    alert("Bài viết đã được xóa!");
} else {
    // Hủy xóa bài viết
    alert("Bạn đã hủy xóa");
}
</script>

Kết quả hộp thoại:

Bạn có chắc chắn muốn xóa bài viết này?

OK    HỦY

Chạy Thử

Cách xử lý kết quả trả về từ hàm confirm() trong JavaScript

Điểm quan trọng khi sử dụng confirm() là hàm này không chỉ hiển thị hộp thoại để người dùng lựa chọn. Sau khi người dùng nhấn nút, hàm sẽ trả về một giá trị true hoặc false. Nhờ đó, JavaScript có thể dựa vào lựa chọn này để quyết định bước xử lý tiếp theo.

Kiểm tra người dùng chọn OK hay Hủy

Khi người dùng chọn OK, confirm() trả về true. Ngược lại, khi chọn Hủy, kết quả nhận được là false. Có thể lưu kết quả vào một biến để kiểm tra và sử dụng ở những câu lệnh phía sau.

const result = confirm("Bạn có muốn tiếp tục không?");

if (result) {
    console.log("Người dùng chọn OK");
} else {
    console.log("Người dùng chọn Hủy");
}

Cách làm này giúp tách phần hiển thị thông báo khỏi phần xử lý kết quả, đặc biệt hữu ích khi thao tác tiếp theo có thể ảnh hưởng đến dữ liệu hoặc trạng thái của trang.

Sử dụng confirm() với câu lệnh if else

Trong thực tế, confirm() thường được đặt trực tiếp trong điều kiện if. Nếu nhận được true, chương trình thực hiện hành động chính; nếu nhận false, chương trình có thể dừng hoặc chuyển sang một xử lý khác.

if (confirm("Bạn có chắc muốn tiếp tục?")) {
    console.log("Đang thực hiện thao tác...");
} else {
    console.log("Thao tác đã được hủy.");
}

Cách viết này ngắn gọn và dễ đọc, phù hợp với những trường hợp chỉ cần hỏi xác nhận trước một thao tác đơn giản.

Ứng dụng confirm() trước khi thực hiện hành động

Một ứng dụng phổ biến của confirm() là tạo bước xác nhận trước các thao tác như xóa dữ liệu, rời khỏi một quy trình hoặc thực hiện hành động không dễ hoàn tác. Chương trình chỉ tiếp tục khi người dùng đồng ý.

function deleteItem() {
    if (confirm("Bạn có chắc muốn xóa dữ liệu này không?")) {
        console.log("Dữ liệu được xóa.");
    }
}

Cách này giúp hạn chế thao tác ngoài ý muốn, đồng thời tạo cho người dùng một cơ hội kiểm tra lại lựa chọn trước khi chương trình thực hiện hành động. Tuy nhiên, với giao diện hiện đại, có thể thay hộp thoại mặc định bằng một hộp xác nhận tùy chỉnh để kiểm soát tốt hơn nội dung và giao diện.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Hàm confirm() trong JavaScript.