Django: 页面设计,实现验证码刷新

之前以为一定要用ajax实现,其实是不用的

改动img的src就行,但两次的src是不能一样的。

所以我是这么实现的:

<script>
‘use strict‘;

function refresh(){
    var validate_image = document.getElementById(‘vcode‘);
    validate_image.src= "/people/identifying_code/"+Math.round(Math.random()*100)+"/";
}
</script>

<div class="identifying_code"><img id="vcode" onclick="refresh()" src="{% url ‘validate‘ 1 %}" alt="验证码"></div>

上面代码中的src是链接到一个网址,该网址是对用相应脚本生成一个验证码的网址。

时间: 2024-10-12 13:26:58

Django: 页面设计,实现验证码刷新的相关文章

[课程设计]Scrum 3.3 多鱼点餐系统开发进度(下单详细信息页面设计)

Scrum 3.3 多鱼点餐系统开发进度(下单详细信息页面设计)  1.团队名称:重案组 2.团队目标:长期经营,积累客户充分准备,伺机而行 3.团队口号:矢志不渝,追求完美 4.团队选题:餐厅到店点餐系统WEB 5.Sprint 3时间:12.09-12.18 重案组成员   姓名 学号 博客链接 Github链接 队长 黄冠锋 201406114134 http://www.cnblogs.com/hgf520/ https://github.com/crown999   卢利钦 20140

5 功能4:个人站点页面设计(ORM跨表与分组查询)

1.个人站点页面文章的查询 # 个人站点 http://www.cnblogs.com/wh1520577322/ http://www.cnblogs.com/liucong12345/ http://www.cnblogs.com/kin1492/ (1)用户未找到,404页面构建 url # 个人站点页面设计 re_path(r'^(?P<username>\w+)$', views.home_site, name='home_site'), view 404.html <!DOC

BBS--功能4:个人站点页面设计(ORM跨表与分组查询)

查询: 日期归档查询 1 date_format ============date,time,datetime=========== create table t_mul_new(d date,t time,dt datetime); insert into t_mul_new values(now(),now(),now()); select * from t_mul; mysql> select * from t_mul; +------------+----------+---------

20个国外创意404错误页面设计

404重要吗?看看这些创意无限的优秀404页面设计,有的胜在形式,有的胜在文案.不管是什么样的方式,能吸引用户停留看完就是一个好的404页面. kitkat.com squarespace.com roxanejammet.com emailcenteruk.com lissasleeckx.be onsydney.com.au facebook.com etsy.com browsermedia.com juicygraphics.net klout.com grainandmortar.co

国外的一些优秀单页滚动页面设计分享

国外的一些优秀单页滚动页面设计分享We Are Top Secret 这个导航界面设计从色彩上选用黑白,给人感觉带一点潮流,带一点温和,在这个单页滚动设计中没有特意去使用一些醒目和特效抓取用户的眼球,只是底部用了一个小巧的“scroll down”的提示,这样一来,由于界面简单简洁,融合度是非常好的. Fixed Group在这些页面很炫酷的设计中,国外一般都很喜欢将导航栏给隐藏掉,一方面可以更加简洁,更加美观,另一方面可以引导用户向下的滚动页面,在这个页面的诱导设计中是使用了一个超窄的箭头,有

EF更新,数据库值变化,前台页面并不变化,刷新也不变化,重新运行程序则变化----开发中遇到的问题(已解决)

首先说一下我遇到这个情况的代码情景,首先上错误代码 UserInfo userInfo = Session["UserInfo"] as UserInfo; var attentionTopicInfos = userInfo.TopicInfos.Where(t => t.TopicId > 0); 这段代码所呈现的问题正如题目,数据库值变化,前台页面并不变化,刷新也不变化,重新运行程序则变化. 断点调试----看到无论如何更新,查出来的attentionTopicInf

web前端开发与页面设计的协作、区别与发展

web前端开发与页面设计的协作.区别与发展,布布扣,bubuko.com

UI设计之页面设计的九个要点!

刚入行的UI设计师,会做一些辅助的工作,大多数时间做的都是等待安排,完成工作.主要就是根据主设计师的设计和规范来制作下层页面,而在这个过程中有很多需要注意的地方,今天就和大家一起细数下层页面设计过程中必须要注意的要点.希望今天的UI设计教程能够帮助到大家. 在平时的工作中,会接触到很多"下层页面设计".下层页面设计就是,根据主设计师设计的主页面进行下层页面的制作.对于页面较多的网站,会经常这样分工协作.在拿到首页设计时,首先要对整体仔细确认.如果这一步没有认真做,接下来的页面就会陷入不

跨终端响应式页面设计入门

跨终端/响应式页面不外乎是让各种分辨率的屏幕都能顺利阅读你的页面,常规来讲一个跨终端页面,在宽屏的电脑上看和在小屏幕手机上看的布局是不同的,布局不同的原因是为了让读者更好地阅读你的页面,见下图: 这里有点要提到的是,我们常规会将PC版的页面和移动端设备的页面独立开来设计,这样会让PC端的页面布局更灵活和好维护.如果你希望你的页面能适配包括PC端在内的任何设备,那么下面几个小工具可以方便你顾及旧版本IE所存在的困扰: ⑴ IE8-不能识别HTML5的<hearder>.<article&g