如何防止多次单击“提交”按钮

时间:2019-10-22 07:06:12

标签: javascript c# jquery ajax

我的代码:c#

@using (Ajax.BeginForm("tt", null, opt, new { @class = "form-horizontal", @id = "AddForm" }))
{
....
<input id="submit" type="submit" class="btn btn-primary" value="Add">
}

AjaxOptions:

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...");
        }

1 个答案:

答案 0 :(得分:0)

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