ASP.NET MVC中如何弹出原生Alert提示框？现有实现问题求助

你只需要调整Index视图中的代码，保留Controller的验证逻辑不变，把原来的自定义div提示替换成JavaScript原生alert即可，操作起来很简单：

1. 保留Controller中的验证逻辑 #

你的Controller代码完全不需要改动，依然通过ViewBag.Alert传递提示信息就好：

var suscriptor = c.cargarDatosPDF(solicitud);
if (suscriptor.Count <= 0) {
    ViewBag.Alert = "Lo sentimos, esta solicitud no existe.";
    return View("Index");
}

2. 修改Index视图，替换为原生Alert弹窗 #

找到视图里原来渲染自定义div的那段代码：

@if (ViewBag.Alert != null) {
<div class="alert">
<span class="closebtn">&times;</span>
<strong>Providus informa: </strong>
<p>@ViewBag.Alert</p>
</div>
}

把它替换成下面的JavaScript代码——当ViewBag.Alert有值时，页面加载后会自动触发原生alert弹窗：

@if (ViewBag.Alert != null)
{
    <script type="text/javascript">
        // 用Json.Encode处理特殊字符，避免出现JS语法错误
        alert(@Html.Raw(Json.Encode(ViewBag.Alert)));
    </script>
}

为什么要加Json.Encode？ #

如果你的提示信息里包含单引号、双引号或者换行符，直接拼接字符串会导致JavaScript报错。Json.Encode会自动处理这些特殊字符，确保alert的内容能正确显示。

3. 完整修改后的Index视图关键部分 #

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Inicio</title>
<link rel="stylesheet" type="text/css" href="~/Estilos/inicio.css">
<script type="text/javascript" src="~/JavaScript/validar.js"></script>
</head>
<body>
<center>
<div class="topnav" style="width: 350px">
<a title="Providus S.A" href="http://www.providus.com.ar"><img src="~/Images/00.png" /></a>
</div>
<div style="width: 350px">
<form method="post" action="@Url.Action("Pdf", "Home")">
<label for="solicitud">Solicitud: </label>
<input type="text" id="solicitud" minlength="5" maxlength="7" name="solicitud" placeholder="Solicitud..." required title="Sólo letras y números. Cantidad mínima de caracteres: 5. Cantidad máxima de caracteres: 7" onkeypress="return soloLetrasYnumeros(event)">
<input type="submit" value="Buscar" />
</form>
</div>
</center>

<!-- 替换为原生Alert弹窗 -->
@if (ViewBag.Alert != null)
{
    <script type="text/javascript">
        alert(@Html.Raw(Json.Encode(ViewBag.Alert)));
    </script>
}
</body>
</html>

这样修改后，当验证不通过时，页面加载就会弹出原生的Alert提示框，而不是页面内的自定义div了。

内容的提问来源于stack exchange，提问作者user12799076