用戶開始填寫表格時清除字段

Question

我有一個表單的視圖：

<form asp-controller="UrlP" asp-action="RegisterInput" method="post"> 
Url:  <input asp-for="Url" />
<br />
<button type="submit">Go!</button>

同樣，從上次提交的結果來看：

@if (!string.IsNullOrEmpty(Model.Result))
{
    <div class="result">The result is: @Model.Result</div>
}

用戶開始輸入表格后，如何使上面的div（“結果”類）消失？

為了提供一些背景信息，該應用程序是一個頁面，您在其中提供網址，並在下面獲得結果，我想在輸入新網址后立即清除結果。

Answer 1

這是一種方法。

 window.onload = function () { // attach onkeypress event handler to all text inputs document.querySelectorAll('form [type=text]').forEach(function (input) { input.onkeypress = hideResult; }); }; function hideResult () { var result = document.querySelector('.result'); // remove result if it exist if (result) { result.parentNode.removeChild(result); } } 

 <div class="result">The result is: @Model.Result</div> <form> <input type="text" value=""><br> <input type="text" value=""> </form> 

Answer 2

由於您使用的是ASP.net Core，因此可以從操作和模型狀態進行處理

因此，發布后，只需清除您的ModelState並返回如下視圖：

ModelState.Clear();
return View(<some View>);