validation - 如果验证失败则显示 div

Question

我希望这个 div 显示表单验证是否不成功。

<div class="alert">
  <strong>Warning!</strong> @Html.ValidationSummary(false, "Fix these errors:")
</div>

我试着把它包在里面

if(! ViewData.ModelState.IsValid)

但是提交表单时不显示div。可能是因为没有由于 jquery 验证而回发。验证逻辑似乎没问题，如果我删除 if 语句验证摘要列表所有不正确的输入字段。

如何根据验证切换 div 的可见性？

Answer 1

更新

我重写了接受的答案。如果服务器连接很慢，则在服务器请求期间将显示错误 div。即使没有错误。我将其更改为在提交表单时检查表单是否有效。此代码片段假定您有一种形式。

$(document).ready(function () {
    $(".alert").hide(); //hides the div on page load

    $("form").submit(function () {
        if (!$(this).valid()) {
            $('.alert').show();
        }
    });        
});