页面加载时bootstrap alert-danger hide

Question

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

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

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

我尝试过一些像Hidden这样的引导属性：隐藏但这似乎不起作用。我可以使用javascript来完成此任务并将其链接到我创建的按钮吗？

这是我在create.cshtml上的bootstrap

        <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

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

<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>

它会隐藏页面加载时的警报，并且可以根据需要单击按钮。