Bootstrap3警告信息的问题

先上图:alert代码

alert code

提交按钮

提交按钮的代码
效果

效果

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

阅读 3.5k
3 个回答

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

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

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

一般我用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的版本。如果有的模块跟你的版本里的不一样,自己调一下就好。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题