Question

在this question中禁用提交按钮以防止多次回发是阻止（非恶意）用户多次回发的可行解决方案。

如果您有一个包含多个提交按钮的视图，则此选项无效。以下面的例子为例。

//检视：

@using (Html.BeginForm("Catalog", "Images", FormMethod.Post, new { onsubmit = "Utility.disable_buttons(this.id);", id = "catalog_form" }))
{
<p>
    <input type="submit" name="btnSubmit" value="Clear" /> |
    <input type="submit" name="btnSubmit" value="Catalog" /> |
    <input type="submit" name="btnSubmit" value="Update" /> |
    @Html.ActionLink("Back to List", "Index")
</p>
}

//控制器：

[HttpPost]
    public ActionResult Catalog(string btnSubmit)
    {
        switch (btnSubmit)
        {
            case "Catalog":
                //More differenter code
                break;
            case "Clear":
                //Different code
                break;
            case "Nothing":
                //Code
                break;
        }
        return View();
    }

在视图中，有三种不同的提交操作。如果按钮被禁用，那么它们的值将不会被传递，控制器将不知道哪个按钮触发了提交。（控制器总是为空。）不幸的是，submitdisabledcontrols属性似乎没有解决MVC中的这个问题。有人知道如何将禁用控件的值传递给服务器吗？

Answer 1

一些背景信息：

禁用的表单数据（如已禁用的提交按钮）不会回发到服务器：http://www.w3.org/TR/html4/interact/forms.html#h-17.12.1
如果表单包含多个提交按钮，则只有单击的值会回发到服务器：http://www.w3.org/TR/html4/interact/forms.html#successful-controls

如果您想要禁用所有按钮，以便它们不再可点击但仍想知道用户点击了什么，我能想到的唯一解决方案是隐藏字段以及此代码：

$(function() {
    $('input[type=submit]').click(function() {
        var form = $(this).closest('form');
        form.find('#hiddenField').val($(this).val());
        form.find('input[type=submit]').prop('disabled', true);
    });
});

如果您只是想确保用户在点击其他按钮后无法点击其他按钮，您可以这样做：

$(function() {
    $('input[type=submit]').click(function(event) {
        $(this).closest('form').find('input[type=submit]').not(this).prop('disabled', true);
    });
});

不幸的是，没有解决方案（我知道）将处理程序绑定到表单的提交并确定单击了哪个输入。这不是与您的问题相关的问题，但使上述代码稍微复杂一些。

Answer 2

你可以试试这个

if (coll.AllKeys.Contains("Clear"))
{
  // your code here for this submit
}

防止MVC中的多个提交

2 个答案: