防止 MVC 中的多次提交

Question

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

如果您的视图具有多个提交按钮，则此选项效果不佳。以下面的例子为例。

//View:

@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>
}

//Controller:

[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();
    }

在视图中，有三种不同的提交操作。如果按钮被禁用，那么它们的值将不会被传递，控制器将不知道哪个按钮触发了提交。 （控制器总是获取 null。）不幸的是，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
}