在MVC中防止多次提交

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

不幸的是没有解决办法（我知道）绑定一个处理器到form's提交并确定输入被点击。这不是与你的问题有关的问题，但使上述代码稍微复杂一些。

Answer 2

你可以试试这个

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