MVC 4 Отложенное текстовое поле перед отправкой

Question

Я уже возился с этим кодом, возможно, не может показаться правильным и не нашел никакой хорошей информации о выполнении этой работы.

Мне нужно очистить текстовое поле поиска и сбросить представление. Я понял, что javascript, чтобы очистить текстовое поле, и представить форму будет способ сделать это, но не может показаться, что он работает. Мой стартовый код выглядит следующим образом

КНОПКА КОД:

@using (Html.BeginForm()) 
{ 
    <div> 
     @Html.TextBox("SearchString") 
     <input type="submit" value="Search" /> 
     <input type="submit" id = "Reset" value ="Reset"/> 
    </div> 
} 

JAVASCRIPT:

<script> 
    $("#Reset").click(function (event) { 
     $("#Reset").val(""); 
    }); 
</script> 

Я предположил бы, что я должен был бы сделать Herf в JavaScript после вызова, чтобы сбросить текстовое поле , Я на правильном пути или есть более простой способ сделать это.

Answer 1

ИТАК с нажимом из UmairP и this post, вот окончательное решение:

Форма кнопки отправки

@using (Html.BeginForm()) 
{ 
    <div> 
     @Html.TextBox("SearchString") 
     <input type="submit" id = "Search" value ="Search" /> 
     <input type="submit" name = "Reset" value ="Reset"/> 
    </div> 
} 

контроллер код:

var restButton = Request.Params.AllKeys.FirstOrDefault(key => key.StartsWith("Reset")); 
if (!String.IsNullOrEmpty(restButton)) 
{ 
    SearchString = ""; 
} 

Затем я могу запустить остальное моего кода, как обычно, с ModelState.Clear(), чтобы очистить поля формы при обратной передаче.

Answer 2

Вам нужно всего лишь один из этих

1. Кнопка сброса
2. JavaScript кода

сбросить текст

Для кнопки сброса, попробуйте следующее

<input type="reset" id = "Reset" value ="Reset"/> 

Обратите внимание, что type=reset не отправлено

Для JavaScript вам необходимо присвоить идентификатор текстовому полю и использовать его для удаления текста. Изменить текстовое поле код

@Html.TextBox("SearchString",null, new {@id = "txtSearch"}) 

и JavaScript для

<script> 
    $("#Reset").click(function (event) { 
     $("#txtSearch").val(""); 
    }); 
</script> 

BTW, вы используете JQuery код, но вы не упомянули JQuery в Tag.