如何在asp.net中使用Javascript永久禁用按鈕？

Question

我在asp.net中使用javascript創建了一個倒數計時器。 完成時間后， Button1被禁用，但是當我重新加載頁面時，倒計時器被重置並且Button1被啟用。

我想在計時器等於零時永久禁用Button1 。 我的代碼是：

 var tim; var min = 01; var sec = 00; var f = new Date(); function f1() { f2(); } function f2() { if (parseInt(sec) > 0) { sec = parseInt(sec) - 1; document.getElementById("showtime").innerHTML = ""+min+" Minutes ,"+sec+" Seconds"; tim = setTimeout("f2()", 1000); } else { if (parseInt(sec) == 0) { min = parseInt(min) - 1; if (parseInt(min) == -1) { clearTimeout(tim); $("#Button1").prop('disabled', true); } else { sec = 60; document.getElementById("showtime").innerHTML = "" + min + " Minutes ," + sec + " Seconds"; tim = setTimeout("f2()", 1000); } } } }

 <body onload="f1()"> <div><h3>Time will be finished after:</h3> </div> <div id="showtime"></div> <div> <asp:Button ID="Button1" runat="server" Text="Submit"/></div>` </body>

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

<script>
function f2() {
  if (parseInt(sec) > 0) {
    sec = parseInt(sec) - 1;
    document.getElementById("showtime").innerHTML = ""+min+" Minutes ,"+sec+" Seconds";
    tim = setTimeout("f2()", 1000);
  }
  else {
    if (parseInt(sec) == 0) {
     min = parseInt(min) - 1;
       if (parseInt(min) == -1) {
        clearTimeout(tim);
        $("#Button1").prop('disabled', 'true');
        storeValue('disabled', 'true');
       }
       else {
       sec = 60;
       document.getElementById("showtime").innerHTML = "" + min + " Minutes ," + sec + " Seconds";
       tim = setTimeout("f2()", 1000);
       }
     }
   }
 }
 function storeValue(key, value) {
  if (localStorage) {
    localStorage.setItem(key, value);
  } else {
    $.cookies.set(key, value);
  }
 }

function getStoredValue(key) {
  if (localStorage) {
    return localStorage.getItem(key);
  } else {
    return $.cookies.get(key);
  }
}
function f1() {
 f2();
 var model =getStoredValue('disabled');
 if(model == 'true')
 {
   $("#Button1").prop('disabled', 'true');
 }
}
var tim;
var min = 01;
var sec = 00;
var f = new Date();
</script>

使用此代碼並使thrid方localstorage在瀏覽器中使用

Answer 2

當您重新加載頁面時，頁面狀態將完全重置，就好像新訪問者找到了您的頁面一樣，因此您需要能夠在訪問之間存儲該狀態。

一種解決方案是使用您可以在計時器到期時設置的cookie ，並在頁面加載時檢查cookie的存在。 如果它在那里，立即禁用按鈕沒有計時器。

一個更復雜的解決方案是調查在你的服務器上保存會話狀態，但我不知道你在服務器端有什么進展，所以我不能給你很多東西去那里。

Answer 3

您可以在計時器關閉時設置cookie。 並在每個頁面加載檢查cookie並在需要時禁用該按鈕。 沒有其他辦法。

僅供參考：您可以使用相同的cookie來禁用服務器端的按鈕。

Answer 4

使用Javascript

 document.getElementById("myBtn").disabled = true;

或者如果你需要它與jquery-點擊

$('.rbutton').on('click',function() {
$(this).prop("disabled",true);
});

如何在asp.net中使用Javascript永久禁用按鈕？

問題描述

4 個解決方案

解決方案1
1 2017-08-17 05:33:31

解決方案2
0 2017-08-15 11:40:49

解決方案3
0 2017-08-15 11:43:55

解決方案4
-1 2017-08-15 11:33:04

如何在asp.net中使用Javascript永久禁用按鈕？

問題描述

4 個解決方案

解決方案1 1 2017-08-17 05:33:31

解決方案2 0 2017-08-15 11:40:49

解決方案3 0 2017-08-15 11:43:55

解決方案4 -1 2017-08-15 11:33:04

解決方案1
1 2017-08-17 05:33:31

解決方案2
0 2017-08-15 11:40:49

解決方案3
0 2017-08-15 11:43:55

解決方案4
-1 2017-08-15 11:33:04