时间戳

首页 > 解决方案 > 如何根据客户端的验证错误添加和删除 CSS 类？

javascript - 如何根据客户端的验证错误添加和删除 CSS 类？

问题描述

关于.net core mvc，如何<span asp-validation-for="Input.FirstName">根据验证错误甚至在不同错误之间添加和删除类？

            <div class="form-group offset-sm-2 col-sm-8">
                <label asp-for="Input.FirstName" class="control-label register-heading-style"></label>
                <input asp-for="Input.FirstName" class="form-control form-control-valid rounded-0" placeholder="John" />
                <span asp-validation-for="Input.FirstName" id="FirstNameError" class="text-danger form-control-invalid invalid-bg"></span>
            </div>

JS 中是否有办法检查输入错误（自动显示在 下的错误asp-validation-for="Input.FirstName"）？

谢谢

标签： javascriptc#asp.net-core.net-coreasp.net-core-mvc

解决方案

如果您想通过不同的错误更改课程。我认为你不能每一个错误就改变班级。但我认为更好地使用[TempData]和使用特定的跨度并在该值不为空或为空时显示每个跨度。对于这种方法，您必须验证您的需求和感受[TempData] 。

例如：

if(TempData["error"]!=null)
{
<span>this is an error</span>
}
if(TempData["success"]!=null)
{
<span>this is susccess</span>
}
if(TempData["warning"]!=null)
{
<span>this is warning</span>
}

推荐阅读