js 判断变量更改 css 样式值

想要实现的是前端框架的警告栏可以根据返回的变量显示
警告栏的代码：

<div id="errors" class="alert alert-danger" role="alert" style="display: none">

js 代码：

 <script language="JavaScript">
        function test() {
            var e = '{{error | safe }}'
            if (e != 'undefined' ){
            document.getElementById('errors').style.display="block";
           }
          }
    </script>

<input type="submit" value="Sign up" onclick="test()"/>

成功是成功了，但是现在的问题是，提交之后会有刷新，所以会一闪而过，然后再点击提交按钮才会显示警告栏。 我想在我点击之后就出现，请问我该怎么操作。谢谢

后台是 Django 的