提交后使用jQuery禁用表单

提交后有没有办法使用jQuery禁用整个表单？

当然。只需捕获

onsubmit

事件，提交表单，然后在submit元素上进行选择，并将其设置为

disabled

。有关所有激动人心的细节，请参阅。

当然。只需捕获

onsubmit

事件，提交表单，然后在submit元素上进行选择，并将其设置为

disabled

。有关所有激动人心的细节，请参见

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

但请记住，如果出现问题，您希望使用.removeAttr（“disabled”）；重新启用按钮

---

但请记住，如果出现问题，您希望使用.removeAttr（“disabled”）；重新启用按钮

禁用表单中的所有表单元素（此代码实际上将禁用页面上所有表单标记中的所有输入元素，因此您希望使选择器更具体）

---

禁用表单中的所有表单元素（此代码实际上将禁用页面上所有表单标记中的所有输入元素，因此您希望使选择器更具体）

---

如果页面上只有一个表单（并且不打算很快添加一个）：

如果您需要使用id（

）：

---

如果页面上只有一个表单（并且不打算很快添加一个）：

如果您需要使用id（

）：

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

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

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