2013-07-29 49 views
5

Tôi có nút gửi trong trang đăng nhập của mình. Tôi muốn vô hiệu hóa nút gửi sau khi nhấp một lần.Chúng tôi đang làm việc tốt với truy vấn this.disabled = true; và sau khi vô hiệu hóa nút, nó sẽ chuyển sang trang tiếp theo. Vấn đề là khi tôi nhấn nút quay lại nó vẫn là vô hiệu hóa vì trang không được tải lại từ máy chủ, Nó đang tải từ bộ nhớ cache cục bộ. Tôi muốn bật nút mỗi khi tôi quay lại trang đăng nhập. Tôi có thể xóa bộ nhớ cache nhưng có một số vấn đề như nếu nó sẽ tải từ máy chủ và dự án sẽ chậm. Điều gì sẽ là cách tốt nhất để làm điều này?Vô hiệu hóa nút sau khi nhấp vào vấn đề

<script> 
$(document).ready(function(){ 
    $(document).on('click','button',function(){ 
     this.disabled = true 
     window.location="https://www.google.co.in/" 
    }) 
}) 
</script> 
<body> 
<button type="submit" id="button">Click Me!</button> 
</body> 
+0

tại sao bạn cần phải vô hiệu hóa nó nếu nó đi đến một trang khác? – Sergio

+0

@Sergio - Có lẽ để tránh nhiều lần gửi biểu mẫu hoặc điều gì đó đến mức đó. – sbeliv01

+0

@ sbeliv01, có thể. Chỉ cần tò mò để hiểu ý tưởng của OP tốt hơn. – Sergio

Trả lời

2

Tôi đặt thuộc tính tàn tật nút ban đầu để người khuyết tật trong html cơ thể để chứng minh rằng mã không cho phép nó một lần nữa (để bạn có thể loại bỏ trong cơ thể) Tôi hy vọng điều này sẽ giúp:

<script> 
$(document).ready(function() { 
$("#button").removeAttr('disabled'); 
$("#button").click(function(){ 
     $(this).attr('disabled','disabled'); 
     window.location="https://www.google.co.in/" 
    }); 
}); 
</script> 
<body> 
<button type="submit" id="button" disabled="disabled">Click Me!</button> 
</body> 
+0

@StevelKB hoạt động tốt trong trình duyệt không có trong Android. – Nullify

+0

bạn có nhớ thêm thẻ android vào câu hỏi của mình không, cảm ơn! – SteveKB

2

Bạn cần một sự kiện khác đảm bảo nút được bật khi tải trang. Loại tương tự:

<script> 
$(document).ready(function(){ 
    $("#button").disabled = false; 
    $(document).on('click','button',function(){ 
     this.disabled = true 
     window.location="https://www.google.co.in/" 
    }) 
}) 
</script> 
<body> 
<button type="submit" id="button">Click Me!</button> 
</body> 

Tôi không thử chạy vì vậy tôi không chắc liệu cú pháp có là 100% hay không nhưng nó sẽ cung cấp cho bạn ý tưởng đúng.

+0

Thao tác này sẽ tắt nút và sau đó nhấp vào bật. – mikeswright49

+1

No. Việc vô hiệu hóa được đặt thành true bên trong trình nghe onclick. Document.ready() được gọi sau khi hiển thị trang. Mã này cho phép nút sau khi hiển thị trang. Cấp cho tôi không chắc chắn nếu .ready() sẽ được gọi nếu được nạp vào từ bộ nhớ cache. – retrohacker

+0

dude bạn nên đọc câu hỏi cẩn thận.button cho phép sẽ làm việc khi nó sẽ cháy $ ("# nút"). Disabled = false; trên nút bấm quay lại sẽ không kích hoạt bất kỳ truy vấn nào, nó sẽ trả về trang từ bộ nhớ cache – Nullify

Các vấn đề liên quan