阿賈克斯禁用按鈕後，提交

可能重複：
Disable submit button on form submit 阿賈克斯禁用按鈕後，提交

我有阿賈克斯後提交關於關閉按鈕的問題。實際上，按鈕先禁用，直到我輸入文本到textarea。然後，如果我點擊按鈕提交，它必須禁用按鈕。

在我的實際中，點擊按鈕後，按鈕沒有被禁用。

這是我的JS代碼：

$(function() 
    { 
     $("#submit_h").click(function() 
     { 
      var haps = $("#haps").val(); 
      var dataString = 'haps='+ haps; 
      if(haps=='') 
      { 
       alert('Please type your haps'); 
      } 
      else 
      { 
       $.ajax({ 
       type: "POST", 
       url: "post_haps.php", 
       data: dataString, 
       cache: false, 
       success: function(html){ 
       $("#haps").val(''); 
       $("#content").prepend(html); 
       } 
       }); 
      }return false; 
     }); 
    });

<textarea id="haps"></textarea> 
<input type="submit" class="button inact" value="Share" disabled="disabled" id="submit_h"/>

現在我想做的是，禁用按鈕後提交。有什麼想法？

來源

2012-10-01 Naga Botak

http://stackoverflow.com/questions/5691054 /禁用 - 提交按鈕 - 表單提交 – NullUserException

到NullUserException的鏈接類似，您可以使用jQuery設置爲「禁用」屬性：

$(".inact").attr('disabled', 'disabled');

來源

2012-10-01 07:00:46 Mike

我的意思是在提交後禁用，而不是提交。所以如果提交後按鈕必須禁用，直到我填寫文本texarea。 –

從用戶體驗來看，它在「提交」和「提交後」被禁用時有區別嗎？提交多久後你想等待？只需使用我在代碼中與您的時間需求相對應的位置提供的代碼即可。 – Mike

感謝您的解釋，現在我得到了登錄。 :) –

禁用阿賈克斯成功按鈕：

success: function(html){ 
       $("#haps").val(''); 
       $("#content").prepend(html); 
       $("#submit_h").attr("disabled", true); 
         }

來源

2012-10-01 07:36:48 MJQ

阿賈克斯禁用按鈕後，提交

回答

相關問題