當MVC3 Html.TextBoxFor的內容發生變化時提交表單

Question

這應該相當簡單，但我嘗試了幾件事情，但沒有運氣。

我在頁面上有一系列Html.TextBoxFor字段，每個字段都在自己的Ajax.BeginRouteForm之內。在每個框旁邊都有一個提交按鈕，點擊該按鈕後，將根據需要執行Ajax更新。

我想自動執行此操作，以便當用戶更改字段中的值（onchange事件）時，表單將按照當前使用提交按鈕的相同方式提交。

我嘗試使用htmlattributes爲onchange事件分配一個JavaScript函數（如下所示），這會導致表單提交，但它重定向頁面而不是以ajax方式工作（而不是點擊提交按鈕工作正常）。

@(Html.TextBoxFor(model => answer.Value, new { onchange = "document.forms[" + answer.AnswerID + "].submit()" })); 

（幸好我answer.AnswerID是數字，並與形式收集的適當形式的數字位置相匹配;我的名字，但剃刀（或其它）中引用它們是htmlencoding我的JavaScript代碼...）

我唯一的猜測是我通過將代碼直接附加到onchange事件中而破壞了某些東西，但我對於「正確」的方式掛鉤到事件鏈中感到不知所措。

Answer 1

如果你願意使用jQuery，這是非常簡單的事：

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

Answer 2

調用形式submit()會忽略任何submit事件處理程序，as seen here。您可以

1. call the event handler directly，或
2. call click() on the submit button for the form。

前者的作品最好的，如果你使用onsubmit，並返回false而不是使用event參數回調，因爲如果你需要通過另一個凌亂對象或東西。