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>

第一个按钮调用表单操作。第二个按钮应该是：

清除表单而不发布
重定向到其他操作

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

我错过了什么吗？

编辑：这是解决方案：

将重置按钮更改为带有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

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

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

使用MVC 2重置提交按钮不起作用

1 个答案: