django admin 验证码点击刷新
django admin 验证码点击刷新
很多场景需要验证码功能,比如登录。我们可以直接使用django的第三方库 django-simple-captcha 模块来实现验证码功能,但是如果需要刷新验证码,还需要做一些操作才行。我们还是可以使用django的第三方库 django-simple-captcha 模块来实现验证码刷新功能。
url.py 文件
from django.urls import include
from captcha.views import captcha_refresh # 验证码刷新功能,captcha_refresh为captcha.views内置方法,不需要我们单独写urlpatterns = [path('admin/', admin.site.urls),path('login/', views.login),path('captcha/', include('captcha.urls')), # 生成验证码path('refresh/', captcha_refresh), # 点击可以刷新验证码
captcha.views 内置就有刷新验证码的方法,因此我们不必再自己去写了,非常方便。
模版文件(login.html):
<!-- login.html -->{#刷新验证码的脚本,放到body部分的最后面即可#}
<script>$('.captcha').click(function () {$.getJSON('/captcha/refresh/',function (result) {$('.captcha').attr('src',result['image_url']);$('#id_captcha_0').val(result['key']);});});
</script>
PS 报错 $ is not defined解决方式
html中没有引入jQuery.js文件
解决办法: 从官网下载并引入即可。
我下载的版本是jquery-3.6.0.js,不同版本有不同区别,根据需要下载。
官网链接
(注:打开链接后,找到自己想要的版本直接右击保存到电脑即可,不需要点开那个文件链接)
javaScript代码必须在jQuery.js文件之后。建议把jQuery.js文件放在所有JavaScript代码的前面,这样就不会出现这种错误了
示例
<!-- login.html -->{#刷新验证码的脚本,放到body部分的最后面即可#}
<script type="text/javascript" src="{% static 'admin/simpleui-x/js/jquery-3.6.0.min.js' %}"></script>
<script type="text/javascript">$('.captcha').click(function () {$.getJSON('/captcha/refresh/',function (result) {$('.captcha').attr('src',result['image_url']);$('#id_captcha_0').val(result['key']);});});
</script>
最后验证码即可点击刷新
django admin 验证码点击刷新相关推荐
- tp5的验证码点击刷新看不清 换一张
tp5的验证码功能已经集成到框架的扩展之中了,只是官方手册上没有仔细的介绍,导致不知道该如何像tp3一样实现点击刷新验证码&更换验证,其实蛮简单的. 首先使用Composer安装think-c ...
- java 验证码点击刷新_第三讲:验证码点击刷新
前面两讲里面的验证码是无法通过点击刷新的,只能通过刷新页面进行验证码的刷新.有时候我们生成的验证码比较复杂导致用户看不清的时候,用户可以通过点击验证码图片的方式进行验证码的刷新. 验证码的刷新可以采用 ...
- tp6验证码点击刷新
首先使用composer 安装验证码扩展包 composer require topthink/think-captcha 然后在页面展示 <div>{:captcha_img()}< ...
- 生成验证码点击可刷新
我把生成验证码与生成验证码图片封装成一个静态方法,放到ValidateCode类里 /// <summary> /// 生成验证码的类 /// </summary> publi ...
- thinkphp3.2 验证码生成和点击刷新验证码
一.实例化生成验证码的类(该方法放到IndexController里面便于访问) [php] /** * 验证码生成 */ public function verify_c(){ ...
- javaweb利用servlet与struts2实现可点击刷新的基础图片验证码
javaweb利用servlet实现图片验证码 验证码是登录验证的技术,可以一定程度防止恶意脚本刷网站,造成服务器压力. 具体实现思想很简单: 首先利用servlet产生一个随机的验证码, 保存在se ...
- [转]asp.net(c#)生成验证码 点击可刷新
先建一张生成验证码的网页CheckCode.aspx: CheckCode.aspx.cs代码如下 添加引用: using System.IO; using System.Drawing; using ...
- J2EE如何生成验证码图片和点击刷新验证码
验证码图片生成步骤 创建BufferedImage对象. 获取BufferedImage的画笔,即调用getGraphics()方法获取Graphics对象. 调用Graphics对象的setColo ...
- ThinkPHP6 验证码(点击刷新)
首先使用composer安装验证码扩展包 composer require topthink/think-captcha 然后在页面中展示 <img src="{:captcha_sr ...
最新文章
- 深度学习在高德的探索与实践
- equals()方法详解
- Android系统修改硬件设备访问权限
- Android开发UI之Fragment-Tabbed Activity的使用
- 自动挂载ios_开机自动挂载iso
- Jmeter BeanShell学习(一) - BeanShell取样器(二)
- 【Python】AttributeError: ‘DatetimeProperties’ object has no attribute ‘weekday_name’ 的解决方法
- scikit-learn学习之神经网络算法
- 多表查询,初识pymysql模块
- 百度富文本编辑器去掉自动保存功能
- orientation|keyboardHidden
- 4k hidpi 黑苹果_关于4K,1440P显示屏开启HIdpi的问题
- linux安装ps2键盘驱动程序,VoodooPS2Controller v1.8.25 黑苹果键盘鼠标触摸板万能驱动 _ 黑苹果乐园...
- Quartus下软硬核固化到EPCS中(JTAG)延续上篇
- 2020.10.16 web前端 盒子模型border-box 图片模糊处理(filter)clac的使用 CSS的过渡(trancsion hover)
- 金山病毒库自定义服务器,将金山毒霸10全功能版本(带离线病毒库)安装到离线电脑,操作方法!!!亲测可用...-爱毒霸交流论坛...
- VPS8701 电源管理(PMIC) VPS8701
- ADSL拨号密码如何修改?
- 微信清除缓存数据方法
- 物理实验期末测试(一)
热门文章
- Python参数化框架parameterized+单元测试框架unittest HTMLReport nose
- 关于天猫抢茅台的Python秒杀脚本!
- AMESim储能电气库用户手册(一)
- HDFS追加文件内容和覆盖文件的命令示例
- 初识Anaconda------潇哥带你入坑之python学习(一)
- Angular2 VS Angular4 深度对比:特性、性能
- 【应用C】C语言实现基于中断方式的旋转编码器方向识别(编码器有空闲状态)
- 中兴手机android版本升级包下载,中兴Blade a7升级固件rom刷机包下载:V21.1
- msf永恒之蓝漏洞复现及问题解决
- a different object with the same identifier value was already associated with the session错误