提交後禁用表單使用jQuery

Question

有沒有什麼辦法可以在提交後使用jQuery禁用整個表單？

Answer 1

要禁用表單中的所有表單元素（該代碼實際上將禁用頁面上所有表單標記中的所有輸入元素，因此您需要使選擇器更具體）。

$(function() { 
    $("#idOfYourSubmitButton").click(function() { 
     $("form input").attr("disabled","disabled"); 
    }); 
}) 

Answer 2

當然。只需抓住onsubmit事件，提交表單，然後在提交元素上進行選擇並將其設置爲disabled。查看http://www.w3.org/TR/html401/interact/forms.html#h-17.12.1瞭解所有令人興奮的細節。

Answer 3

$(function() { 
    $("#idOfYourSubmitButton").click(function() { 
     $(this).attr("disabled","disabled");  
    }); 
}) 

但請記住，如果出現問題，請使用.removeAttr（「disabled」）重新啓用按鈕。

Answer 4

如果你只有在頁面上1種形式（不添加上一個很快的任何時間計劃）：

$(function() 
{ 
    $('form').submit(function() 
    { 
      $(this).find('input, textarea').attr('disabled', 'disabled'); 
    }); 
}); 

如果你需要使用一個ID（<form id="idOfYourSubmitButton">）：

$(function() 
{ 
    $('#idOfYourSubmitButton').submit(function() 
    { 
      $(this).find('input, textarea').attr('disabled', 'disabled'); 
    }); 
});