首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >提交后使用jQuery禁用表单

提交后使用jQuery禁用表单
EN

Stack Overflow用户
提问于 2010-03-04 13:51:54
回答 4查看 744关注 0票数 1

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

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-03-04 15:14:38

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

代码语言:javascript
运行
复制
$(function() {
    $("#idOfYourSubmitButton").click(function() {
        $("form input").attr("disabled","disabled"); 
    });
})
票数 2
EN

Stack Overflow用户

发布于 2010-03-04 15:23:17

如果页面上只有一个表单(并且不打算在短时间内添加一个):

代码语言:javascript
运行
复制
$( function( )
{
     $( 'form' ).submit( function( )
     {
          $( this ).find( 'input, textarea' ).attr( 'disabled', 'disabled' );
     } );
} );

如果需要使用id (<form id="idOfYourSubmitButton">):

代码语言:javascript
运行
复制
$( function( )
{
     $( '#idOfYourSubmitButton' ).submit( function( )
     {
          $( this ).find( 'input, textarea' ).attr( 'disabled', 'disabled' );
     } );
} );
票数 2
EN

Stack Overflow用户

发布于 2010-03-04 13:57:26

好的。只需捕获onsubmit事件,提交表单,然后在submit元素上执行select并将其设置为disabled。有关所有激动人心的细节,请参阅http://www.w3.org/TR/html401/interact/forms.html#h-17.12.1

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2377166

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档