Không yêu cầu xác nhận nếu người dùng gửi biểu mẫu

Question

Tôi đang sử dụng mã JavaScript sau để cảnh báo người dùng nếu anh ta cố chuyển hướng đến một trang khác mà không gửi biểu mẫu.

window.onbeforeunload = function() { 
    return 'Are you sure that you want to leave this page?'; 
}; 

Điều này đang hoạt động tốt.Nhưng vấn đề của tôi là khi người dùng cố gắng gửi biểu mẫu bằng cách sử dụng nút xác nhận nút gửi sẽ xuất hiện. Tôi không muốn hỏi xác nhận nếu người dùng gửi biểu mẫu, nếu không tôi muốn hỏi xác nhận. Làm thế nào là nó có thể?

Answer 1

duy trì biến trạng thái. khi người dùng nhấp vào nút gửi, hãy đặt trạng thái thành userSubmitted=True;
biến trạng thái có thể bao gồm biến toàn cục hoặc kiểm soát ẩn.

var userSubmitted=false; 

$('form').submit(function() { 
userSubmitted = true; 
}); 

sau đó kiểm tra như thế này

window.onbeforeunload = function() { 
    if(!userSubmitted) 
     return 'Are you sure that you want to leave this page?'; 
}; 

PS: kiểm tra chéo để tương thích onbeforunload cho trình duyệt chéo.

Answer 2

Đơn giản.

Chỉ cần có một biến toàn cầu

var can_leave = false; 

vào mẫu của bạn:

$('form').submit(function() { 
... 
... 
can_leave = true; 
}); 

Và bên trong handler onbeforeunload() bạn có điều này:

window.onbeforeunload = function() { 
if (!can_leave) return 'Are you sure that you want to leave this page?'; 
};