提交后禁用表单使用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'); 
    }); 
});