代码之家 › 专栏 › 技术社区 › Harsha M V

jQuery Ajax表单提交-提交时禁用

forms ajax jquery

0

Harsha M V · 技术社区 · 15 年前

Ajax表单提交可用性当我提交表单时,我希望在上次提交之前禁用要提交的表单。我可以通过禁用输入或文本区域来实现这一点吗?或者我也应该禁用提交按钮吗?

2 回复 | 直到 15 年前

1

4

Dominik Seibold 15 年前

通过让其onsubmit处理程序返回false,可以禁用表单提交:

<form onsubmit="return false">...

当然,您会有一个javascript函数来决定是否提交:

<form onsubmit="return myDecisionFunction()">...

您的案例中的决策函数可能如下所示:

var submissionEnabled = true;
function myDecisionFunction() {
   if (submissionEnabled) {
       submissionEnabled = false;
       return true;
   } else {
       return false;
   }
}

在ajax响应出现之后,再次启用它:

submissionEnabled = true;

2

1

jameserie 15 年前

我是通过禁用submit按钮来实现的。

$("#submit").click(function(){
    $(this).attr('disabled', 'disabled');
    $("#form").submit();
})