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