ASP.NET验证添加自定义类

时间:2019-06-01 17:09:49

标签: asp.net validation asp.net-core

如果ModelState中有错误,我试图将一个类添加到我的div中。有什么办法可以做到这一点?

这是HTML的样子:

<div class="form-group">
     <label class="control-label" asp-for="Vorname">Vorname</label>
     <input type="text" class="form-control" asp-for="Vorname">
     <span class="form-control-feedback" asp-validation-for="Vorname"></span>
</div>

现在,如果has-danger属性发生错误,我想将类Vorname添加到div周围的div中。像这样:

<div class="form-group has-danger">
     <label class="control-label" asp-for="Vorname">Vorname</label>
     <input type="text" class="form-control" asp-for="Vorname">
     <span class="form-control-feedback" asp-validation-for="Vorname"></span>
</div>

编辑:

如果您的表单是在没有事先进行客户端JavaScript验证的情况下提交到服务器的(旧的做法!但是它可以工作),那么您就可以轻松解决所有问题。只要页面以以下方式加载,您就可以添加这些CSS类:

$(document).ready(function() {
    $('.input-validation-error').parents('.form-group').addClass('has-danger');
});

0 个答案:

没有答案