ASP.NetCore应用程序/JS验证:提示用户更新表单或退出页面
创始人
2024-09-18 12:01:38
0

在ASP .Net Core应用程序中,可以使用JavaScript验证来检查用户是否已更新表单。如果用户已将表单修改但未保存,则可以在其离开页面之前提示用户更新表单或放弃更改。这可以通过以下代码实现:

$(document).ready(function () {
    var formEdited = false;
    $('form :input').on('change input', function () {
        formEdited = true;
    });
    $(window).on('beforeunload', function () {
        if (formEdited) {
            return '您是否要保存表单更改?';
        }
    });
});

上面的代码将会监控一个表单,如果用户进行任何修改,它将设置formEdited变量的属性为真。 而当用户准备离开页面时,会展示一个提示消息,询问用户是否保存更改。 如果用户单击确定则将继续保存更改,否则页面将重定向到他们所点击的新位置。

public async Task SaveForm(MyModel model)
{
    ValidateRequest(model);
    if (ModelState.IsValid)
    {
        await _myService.SaveAsync(model);
        return RedirectToAction(nameof(Index));
    }
    return View(model);
}

上面的代码演示了一个基本的ASP .Net Core动作,在其中可以使用验证器将发送的数据与一些规则进行比较。 如果表单验证失败,则该方法将返回一个视图并再次显示表单。 而如果成功,则将表单数据保存到数据库中,并重定向到索引视图。

相关内容

热门资讯

安装apache-beam==... 出现此错误可能是因为用户的Python版本太低,而apache-beam==2.34.0需要更高的P...
避免在粘贴双引号时向VS 20... 在粘贴双引号时向VS 2022添加反斜杠的问题通常是由于编辑器的自动转义功能引起的。为了避免这个问题...
Android Recycle... 要在Android RecyclerView中实现滑动卡片效果,可以按照以下步骤进行操作:首先,在项...
omi系统和安卓系统哪个好,揭... OMI系统和安卓系统哪个好?这个问题就像是在问“苹果和橘子哪个更甜”,每个人都有自己的答案。今天,我...
原生ios和安卓系统,原生对比... 亲爱的读者们,你是否曾好奇过,为什么你的iPhone和安卓手机在操作体验上有着天壤之别?今天,就让我...
Android - 无法确定任... 这个错误通常发生在Android项目中,表示编译Debug版本的Java代码时出现了依赖关系问题。下...
Android - NDK 预... 在Android NDK的构建过程中,LOCAL_SRC_FILES只能包含一个项目。如果需要在ND...
Akka生成Actor问题 在Akka框架中,可以使用ActorSystem对象生成Actor。但是,当我们在Actor类中尝试...
Agora-RTC-React... 出现这个错误原因是因为在 React 组件中使用,import AgoraRTC from “ago...
Alertmanager在pr... 首先,在Prometheus配置文件中,确保Alertmanager URL已正确配置。例如:ale...