Bootstrap3警告信息的问题

Question

先上图：

alert code

提交按钮的代码

效果

现在是这样的，无论我有没有提交表单它都显示一个空的警告框。我想等我点击提交按钮之后在现实，请问怎么实现？谢谢

Answer 1

初始时用 style="display: none;" 隐藏，点击 submit 再 show。

这么简单的逻辑，其实仔细想想就可以得到

Answer 2

提交表单前给 alert 添加 hidden的class，提交之后移除这个class

Answer 3

一般我用Django都是在View里面判断，因为自己的js水平实在是渣。这里给我自己的解决方案。

Template：

{% if messages %}
<div class="messages">
    {% for message in messages %}
    <div class="panel panel-warning">
        <div class="panel-heading">
            <h3 class="panel-title">{% trans '提示' %}</h3>
        </div>
        <div class="panel-body">
            {{ message }}
        </div>
    </div>
    {% endfor %}
</div>
{% endif %}

view里面：

from django.contrib import messages
from django.urls import reverse
from django.http import HttpResponseRedirect

messages.add_message(self.request, messages.INFO, u'你想显示的信息')
return HttpResponseRedirect(reverse('index_view')) 
# index_view 是你提交表单的view的name，里面的reverse跟messages别导入错误了。
# 之前导入了错误的模块，出现过错误。
# 这是django1.10的版本。如果有的模块跟你的版本里的不一样，自己调一下就好。