页面加载时引导警报危险隐藏

Question

我正在使用 twitter 引导程序和警报元素在我的网页中使用，我想将其用作页面顶部的验证摘要。

我遇到的问题是，当我在 create.chstml 页面上使用“alert alert-danger”时，默认情况下会在页面加载时显示红色警告栏。

实际验证适用于他们应该的表单字段，但是，我只需要找到一种在页面加载时隐藏此警告栏的方法，然后在单击我的创建按钮时启动它。

我尝试了一些引导属性，例如 Hidden:hidden，但这似乎不起作用。我可以使用 javascript 来完成此任务并将其链接到我拥有的按钮创建吗？

这是我在 create.cshtml 上的引导程序

        <div class="form-horizontal">
            <div class="row" >
                <div class="alert">
                    @Html.ValidationSummary(false, " ", new { @class = "text-danger alert alert-danger" })
                </div>
            </div>
       </div>

Answer 1

只需使用 hide 引导类，当您单击按钮时，您可以删除该类。

<div class="form-horizontal">
   <div class="row" >
      <div class="alert hide"> //add class here
          @Html.ValidationSummary(false, " ", new { @class = "text-danger alert alert-danger" })
      </div>
   </div>
</div>

它将在页面加载时隐藏警报，并根据需要在按钮单击时工作。