Cách sử dụng hộp xác nhận javascript trong php?

Nhiều hành động của người dùng cần được xác nhận nếu thay đổi sẽ là vĩnh viễn. Ví dụ: thao tác xóa của chức năng CRUD

Nó cần được xác nhận từ người dùng trước khi xóa vĩnh viễn dữ liệu

Hướng dẫn này sẽ giải thích thêm về khái niệm cơ bản JavaScript này với các ví dụ

ví dụ nhanh

Ví dụ nhanh này hiển thị tập lệnh JS để thực hiện các thao tác sau

• Nó hiển thị hộp xác nhận với thông báo đồng ý được chuyển làm đối số cho hàm xác nhận()
• Nó xử lý các tùy chọn có hoặc không dựa trên các lần nhấp của người dùng vào nút OK hoặc 'hủy' của hộp xác nhận

if (confirm('Are you sure?')) {
  //action confirmed
  console.log('Ok is clicked.');
} else {
  //action cancelled
  console.log('Cancel is clicked.');
}

Các điểm chính của hộp xác nhận javascript

Hộp xác nhận JavaScript là hộp đồng ý để cho phép người dùng xác nhận hoặc hủy hành động gần đây

Chức năng xác nhận () Javascript chấp nhận một thông báo tùy chọn sẽ được hiển thị trên hộp đồng ý

Nó cũng hiển thị các nút OK và 'Hủy' để cho phép người dùng nói có hoặc không về sự đồng ý xác nhận

Hàm này trả về giá trị boolean đúng hoặc sai dựa trên số lần nhấp vào nút trên hộp thoại xác nhận

cú pháp

confirm(message);

ví dụ 2. Hiển thị hộp xác nhận JavaScript khi nhấp vào nút

Ví dụ này kết nối sự kiện khi nhấp chuột và trình xử lý JS được tạo để hiển thị hộp xác nhận

Mã JS này chứa HTML để hiển thị hai nút “Chỉnh sửa” và “Xóa”. Mỗi cái có thuộc tính onClick để gọi trình xử lý tùy chỉnh JavaScript doAction()

Trình xử lý này hiển thị hộp thoại xác nhận JavaScript và giám sát tùy chọn của người dùng giữa có và không. Chương trình này ghi lại hành động của người dùng dựa trên tùy chọn có hoặc không

Edit
Delete

ví dụ 3. Hộp thoại xác nhận cuộc gọi nội tuyến

Điều này gọi hàm xác nhận () nội tuyến với thuộc tính HTML onClick

Hầu hết thời gian hộp thoại xác nhận cuộc gọi JS nội tuyến này phù hợp. Ví dụ: nếu không có cuộc gọi lại nào được thực hiện dựa trên tùy chọn có hoặc không của người dùng, thì phương pháp này sẽ hữu ích

Trong ví dụ này, nó nhận được xác nhận của người dùng để gửi biểu mẫu đến phía máy chủ

Ví dụ 4. Chuyển thông báo xác nhận bằng thuộc tính dữ liệu

Ví dụ này chứa một tập lệnh JS để ánh xạ sự kiện nhấp chuột của nút HTML để hiển thị hộp thoại xác nhận

Nó giảm thiểu nỗ lực xác định các hàm JS và gọi chúng bằng phần tử để hiển thị xác nhận JavaScript

Nó đơn giản hóa số dòng trong mã. Nó thêm trình xử lý sự kiện khi nhấp chuột cho từng thành phần nút được hiển thị trong HTML

Nó sử dụng JavaScript forEach để lấy đối tượng nút đích cho ánh xạ sự kiện này. Trên mỗi sự kiện nhấp chuột, nó gọi hàm xác nhận () để hiển thị hộp thoại

Edit
Delete

Tìm hiểu thêm về hộp xác nhận JavaScript

Hộp xác nhận JavaScript là một loại hộp thoại. Nó yêu cầu hành động của người dùng để xác nhận hoặc hủy bỏ một hành động được kích hoạt gần đây. Nó là phương thức của đối tượng cửa sổ JavaScript

Có nhiều chức năng hơn trong JavaScript để hiển thị hộp thoại với các điều khiển. Ví dụ,

1. alert() – Hộp cảnh báo với tùy chọn Okay
2. prompt() – Hộp thoại nhắc với tùy chọn đầu vào

Ghi chú

Trong khi hiển thị hộp thoại JavaScript, nó dừng lan truyền cửa sổ bên ngoài hộp thoại

Nói chung, hiển thị cửa sổ hộp thoại trên trang web không phải là một cách làm tốt. Nó sẽ tạo ra ma sát ở phía người dùng cuối

Cách sử dụng JavaScript xác nhận trong PHP?

Hộp xác nhận JavaScript là gì?

Phương thức confirm() của đối tượng window trả về cái gì?

Giá trị nào được trả về khi hộp xác nhận bị Hủy?