Nút gửi biểu mẫu vẫn bị vô hiệu hóa khi sử dụng nút Quay lại trong Firefox

Question

Tôi đang sử dụng một số jquery để vô hiệu hóa nút gửi biểu mẫu sau khi được nhấp để tránh nhấp chuột lặp lại ngẫu nhiên. Điều này làm việc tốt trong tất cả các trình duyệt ngoại trừ Firefox. Trong Firefox nếu người dùng sử dụng nút Quay lại của trình duyệt để quay lại trang sau khi việc tắt nút gửi đã xảy ra, nút gửi vẫn bị tắt. Có giải pháp nào cho vấn đề này?

Answer 1

Nếu trình duyệt đã tắt bộ nhớ cache thì trang sẽ được tải lại như thể không có gì xảy ra (không có nút nào được nhấp).

Nếu bạn muốn phía máy khách, bạn có thể sử dụng cookie.

Bây giờ, nếu bạn có công nghệ phía máy chủ (PHP/Rails), thì bạn có thể đặt giá trị trong biến phiên.

Answer 2

$(document).ready(function() { 
    $('input[type=submit]', this).attr('disabled', false); 

    $('#myform').submit(function(){ 
     $('input[type=submit]', this).attr('disabled', true); 
    });  

}); 

Sử dụng jQuery, điều này sẽ làm cho nút không bị tắt khi sử dụng nút quay lại trên trình duyệt. Thử nghiệm trên FF 3.5.

Answer 3

Có lẽ, bạn nên thêm autocomplete = tham số "off" để hình của bạn

<form autocomplete="off"> 
    <input type="submit" /> 
</form>