javascript - 将类添加到 ValidationSummary

Question

显然 unobtrusive js 和 ModelState 错误不会同时出现。我想要完成的是两件事。当发生 ModelState 或客户端错误时，将由 validation-summary-errors 类显示。

我遇到的问题是，而不是使用助手，

<div class="validation-summary-errors" data-valmsg-summary="true">
    <ul style="list-style-type:none;"></ul>
</div>

它不会显示 ModelState 错误，因此我尝试使用以下代码，

代码:

if (!ViewData.ModelState.IsValid)
{
   <div class="validation-summary-errors" data-valmsg-summary="true">
       <ul style="list-style-type:none;"></ul>
   </div>
}
else
{
   @Html.ValidationSummary()
}

但是由于助手的原因我无法格式化输出(比如也从列表中删除元素符号)!

这是javascript:

 $(document).ready(function () {
     $('form').each(function () {
         var theForm = $(this);
         theForm.submit(function () {
             if ($(this).valid()) {
                 if ($(this).find('.validation-summary-valid').length) {
                     $('.validation-summary-errors').hide();
                 }
             } else {
                 if ($(this).find('.validation-summary-errors').length) {
                     $('.validation-summary-errors')
                         .addClass('alert alert-danger');
                 }
             }
         });
     });
 });

Answer 1

使用这个

@Html.ValidationSummary(true, "", new { @class = "validation-summary-errors" })