提交表单上的阻止按钮

Question

尝试使用属性disabled 避免在提交按钮单击时多次提交，但在单击时它只是阻止按钮并且没有任何反应。已尝试将 id 添加到 Html.Begin 表单，但单击时会出现服务器应用程序错误，例如：the parameters dictionary contains a null entry for parameter 'id' of non-nullable type System.Int32

@using (Html.BeginForm(MVC.Controller.MethodName(), FormMethod.Post, new { id = "submitFormId" }))


 <button class="btn btn-w-m btn-primary" type="button" id="submitButtonId" value="AddSmth" onclick="return validateForm(event)">
   <i class="fa fa-plus"></i>&nbsp;Add
 </button>

还有js：

 $("#submitButtonId").attr("disabled",true);
 $('#submitFormId').submit();

Answer 1

这是不可能的，因为当您按下按钮时重新加载页面，以便删除禁用属性

如果你想设置这个条件，那么使用 ajax 这样页面就不会重新加载，然后按钮禁用也可以工作

Answer 2

问题是您希望在您的 URL 中有一个 id 参数，但您没有提供一个。例如：

https://example.com/controller/edit/1
                                    ^^ missing

缺少 1（id）。

Answer 3

创建了另一种防止多次单击按钮的方法。刚刚补充：

@{ Html.EnableClientValidation(); }
@{ Html.EnableUnobtrusiveJavaScript(); }

到视图中，添加全局变量var isSubmited = false;后，通过：

if (isSubmited) e.PreventDefault();

. . .

if ($('#submitFormId').valid()) {
            isSubmited = true;
        }