asp.net-core - Razor 页面表单提交禁用提交按钮，但如果表单具有客户端验证，则无法启用它

Question

我正在使用剃须刀页面，我有一个简单的表单提交

 <form method="post" onsubmit="btnSave.disabled = true; btnSave.value = 'Please Wait..'">
     <input id="btnSave" type="submit" value="Save"  /> 
 </form>

这适用于我的表单提交，但我有一些下拉列表正在使用 Razor 页面验证的表单中进行验证

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}

}

这是 _ValidationScriptsPartial.cshtml 内容

<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>

因此，如果我在我的下拉列表之一中遇到验证错误，则提交按钮保持禁用状态并显示“请稍候..”，我无法弄清楚如果_ValidationScriptsPartial 验证失败如何重新启用我的按钮并拥有它再次说“保存”而不是“请稍候..”，以便用户可以重新提交？

标签： asp.net-corerazor-pages