Question

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

Answer 1

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

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

Answer 2

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

$( 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' );
     } );
} );

Answer 3

不确定。只需捕获onsubmit事件，提交表单，然后对提交元素执行选择并将其设置为disabled。有关所有令人兴奋的详细信息，请参阅http://www.w3.org/TR/html401/interact/forms.html#h-17.12.1。

Answer 4

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

但请记住，如果出现问题，您需要使用.removeAttr（“已禁用”）重新启用该按钮;

提交后使用jQuery禁用表单

4 个答案: