提交后重置输入字段答案

【问题标题】：Reset input fields after submission提交后重置输入字段
【发布时间】：2019-12-09 06:24:21
【问题描述】：

我正在开发一个 asp.net 核心项目。我对重置按钮有一些问题。当我输入已经保存的数据时。错误消息显示为我给出的。此重置按钮后不起作用。

【问题讨论】：

需要清晰的示例代码，这会有所帮助，
请贴出您尝试过的代码的相关部分。
您可以按 F12 查看浏览器中的任何错误。此错误始终来自 jquery，并在控制台选项卡中显示所有错误。检查js代码并清除任何错误。

标签： asp.net asp.net-core model-view-controller

【解决方案1】：

我建议在提交后使用 javascript 重置它们，或者如果您使用回发，则重定向到同一页面（这次不回发）。

例如这个核心重定向到他自己，现在表格是清晰的。

Response.Redirect(HttpContext.Current.Request.RawUrl);

或者你可以一起使用这个javascript代码，避免回发

OnClientClick="return (confirm('Clear Form ?') && this.form.reset(),false)"

【讨论】：

【解决方案2】：

您的问题非常不清楚，但听起来您所说的实际上是客户端验证。一旦激活验证（通过在字段中输入内容），验证将保持激活状态。如果您随后清除该字段（例如，使用重置按钮）并且它是必需的，您仍然会收到一条消息，指出该字段是必需的，因为它是必需的，现在它是空的。如果您还想清除所有这些验证消息，那么您需要执行以下操作：

$('[type=reset]').on('click', function () {
    let validator = $(this).closest('form').validate();
    validator.resetForm();
});

【讨论】：