Javascript 如何防止多次点击提交按钮

Javascript 如何防止多次点击提交按钮,javascript,c#,jquery,ajax,Javascript,C#,Jquery,Ajax,我的代码:c# 脚本: 它在第一次提交时工作,但在第一次提交和成功消息出现后,然后想再次提交代码不再工作!!为什么 function OnBegin() { $("#AddForm :submit").prop("disabled", true); $("input[type='submit']", "#AddForm").val("saving..."); } 您可以有一个名为isLoading的变量。如果加载为true,并且A

我的代码:c#

脚本: 它在第一次提交时工作,但在第一次提交和成功消息出现后,然后想再次提交代码不再工作!!为什么

function OnBegin() {
            $("#AddForm :submit").prop("disabled", true);
            $("input[type='submit']", "#AddForm").val("saving...");
        }

您可以有一个名为isLoading的变量。如果加载为true,并且Ajax将在何时完成,只需返回false即可。将isLoading设置为false。

您的问题是,第二次单击不会导致请求吗?在第一次单击(在OnBegin中)后禁用按钮,需要在OnSuccess功能中重新启用该按钮,否则第二次单击“禁用”按钮。尝试添加$(“#AddForm:submit”).prop(“disabled”,false);进入OnSuccess函数。不,这不是我的问题,提交后按钮启用,我的问题是当我想再次提交(例如:添加另一名学生)脚本不再阻止多次单击,结论:代码第一次工作,但第二次不工作。。。明白我的意思吗?再解释一遍
AjaxOptions opt = new AjaxOptions
        {
            InsertionMode = InsertionMode.ReplaceWith,
            HttpMethod = "POST",
            UpdateTargetId = "Add-Student",
            OnBegin = "OnBegin",
            OnSuccess = "ModelHideFormSubmit"
        };
function OnBegin() {
            $("#AddForm :submit").prop("disabled", true);
            $("input[type='submit']", "#AddForm").val("saving...");
        }