jquery禁用提交按鈕

我有一個文本框和提交按鈕的形式。一旦點擊5秒，我將禁用提交按鈕。如果在文本字段中沒有輸入任何內容，並且用戶嘗試提交，則該按鈕將被禁用1秒，並且不會發布任何內容。jquery禁用提交按鈕

我遇到的問題是，在Chrome和Firefox的朋友Mac上，當按鈕被禁用時，按鈕消失，並且灰色框被留下，直到5秒鐘結束，但在我的Windows計算機上使用Chrome和Firefox的按鈕只是淡出。這是爲什麼發生這種情況的原因嗎？他說它工作正常，然後突然開始發生。

這裏是我的HTML：

<form style="position:relative; top:-5px;" action="" method="post"> 
    <strong>Message:</strong> 
    <input type="text" id="message" name="message" class="message"> 
    <input type="submit" id="submit" value="Submit"/> 
</form>

和Javascript：

<script type="text/javascript"> 

$(function() { 
    refresh_shoutbox(); 

    setInterval("refresh_shoutbox()", 15000); 

    var running = false; 

    $("#message").keypress(function(e) { 
     if(e.which == 13 && running === true) { 
      return false; 
     } 
    }); 

    $("#submit").click(function(event) { 
     if(this.disabled) { 
      event.preventDefault(); 
     } 

     if($("#message").val() != '') { 
      running = true; 

      $("#submit").attr("disabled","disabled"); 

      setTimeout(function() { 
       $("#submit").removeAttr("disabled") 
       running = false; 
      }, 5000); 
     } else { 
      $("#submit").attr("disabled", "disabled"); 
       setTimeout(function() { 
        $("#submit").removeAttr("disabled") 
        running = false; 
       }, 1000); 

      return false; 
     } 

// Ajax calls and the rest of the script

來源

2011-09-28 user969729

我認爲有最新的WebKit的錯誤。我有被渲染確定，直到一個星期前呈現出怪異的灰色矩形現在以及

你應該使用HTML檢查，檢查按鈕標籤具有

disabled="disabled"

爲屬性按鈕

來源

2011-09-28 18:42:26 Juan

jquery禁用提交按鈕

回答

相關問題