js 判断变量更改 css 样式值

[linkbg]

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

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

已经解决了。用了其他方案来显示警告框。谢谢大家。

[fahai]

return false

[linkbg]

@fahai ？？？

[lc4t]

把 submit 用 ajax 替代

[DoraJDJ]

@linkbg 提交的时候 return false ，这样不会刷新页面

[ericls]

你不应该用 onclick 应该用 onsubmit

[Tigris]

preventdefault