复位提交按钮无法正常工作，使用MVC 2

Question

我有一个表格里面调用两个按钮：

<% using (Html.BeginForm()) {%> 

    <input type="submit" value="Filter" /> 
    <input type="reset" value="Clear Filter" /> 

有问题的领域：

 <td> 
      <%:Html.TextBox("filterId", Model.IdFilter, new {style="width:100px"}) %> 
     </td> 
     <td> 
      <%:Html.TextBox("filterTitle", Model.TitleFilter, new {style="width:500px"}) %> 
     </td> 
     <td> 
      <%:Html.TextBox("filterStatus", Model.StatusFilter, new {style="width:100px"}) %> 
     </td> 

的第一个按钮调用形式的行动。第二个按钮应该：

1. 清除的形式，而不是发布
2. 重定向到另一个动作

不知道为什么我有这个这么大的麻烦，但它好像应该做一个非常简单的方法。然而，我遇到的所有解决方案似乎都太复杂了。

我错过了什么吗？

编辑：这里是解决方案：

更改复位按钮与一个ID的素雅按钮：

<input type="button" value="Clear Filter" id="clearFilter" /> 

然后添加这个脚本：

$(function() { 
     $("#clearFilter").click(function() { 
      $(':input', '#form0') 
       .not(':button, :submit, :reset, :hidden') 
       .val(''); 
      $('#form0').submit(); 
     }); 
    }) 

Answer 1

您可能必须编写自定义脚本来获取所需的行为。毕竟这是一个重置按钮，而不是一个清晰的按钮。

此时，如果更改控件的值，则单击其余按钮，表单将返回到原始状态，即模型在呈现时的状态。