У меня есть две кнопки внутри вызова формы:
<% 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>
Первая кнопка вызывает действие формы. Вторая кнопка должна либо:
- Очистить форму, а не публиковать
- Перенаправление на другое действие
Не уверен, почему у меня так много проблем с этим, но, похоже, должен быть очень простой способ сделать это. Однако все решения, с которыми я сталкивался, кажутся слишком сложными для этого.
Я что-то упустил?
РЕДАКТИРОВАТЬ: Вот решение:
Измените кнопку сброса на обычную кнопку с идентификатором:
<input type="button" value="Clear Filter" id="clearFilter" />
Затем добавьте этот скрипт:
$(function () {
$("#clearFilter").click(function () {
$(':input', '#form0')
.not(':button, :submit, :reset, :hidden')
.val('');
$('#form0').submit();
});
})