js 判断变量更改 css 样式值

2016-08-10 00:45:19 +08:00
 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 的

2087 次点击
所在节点    问与答
6 条回复
fahai
2016-08-10 01:08:06 +08:00
return false
linkbg
2016-08-10 01:22:34 +08:00
@fahai ???
lc4t
2016-08-10 01:25:46 +08:00
把 submit 用 ajax 替代
DoraJDJ
2016-08-10 01:27:16 +08:00
@linkbg 提交的时候 return false ,这样不会刷新页面
ericls
2016-08-10 04:13:32 +08:00
你不应该用 onclick 应该用 onsubmit
Tigris
2016-08-10 10:08:52 +08:00
preventdefault

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/298266

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX