Django实现刷新验证码功能

很多场景需要验证码功能，比如登录。我们可以直接使用django的第三方库 django-simple-captcha 模块来实现验证码功能，但是如果需要刷新验证码，还需要做一些操作才行。我们还是可以使用django的第三方库 django-simple-captcha 模块来实现验证码刷新功能。

安装该模块

pip install django-simple-captcha

captcha模块结合form表单使用方法如下：

forms.py文件：

#forms.py
from django import forms
from captcha.fields import CaptchaFieldclass UserForm(forms.Form):username = forms.CharField(label="用户名", max_length=128, widget=forms.TextInput(attrs={'class': 'form-control', 'placeholder': "Username", 'autofocus': ''}))password = forms.CharField(label="密码", max_length=256,widget=forms.PasswordInput(attrs={'class': 'form-control', 'placeholder': "Password"}))captcha = CaptchaField(label='验证码')  #这个是验证码标签

urls.py文件：

#urls.pyfrom 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>

只需要修改上述几个文件的代码，其它地方均不需要改动，验证码即可点击进行刷新。

Django实现刷新验证码功能相关推荐

Django前后端分离实现登录验证码功能
Django前后端分离实现登录验证码功能当下最流行最热门的开发方式当属前后端分离开发,分工也更加明确与专注,前端也是越来越难,几天不学习就跟不上节奏,一个月不学习可以好不夸张的说,你已经不适合这个行 ...
html表单输入框添加验证码,织梦Dedecms为自定义表单添加验证码功能
使用织梦Dedecms自定义表单的时候,即使你做了字段的验证,也很有可能被人刷很多垃圾的内容,更加安全的一个方法是为自定义表单添加上验证码功能.今天我就来为大家分享一下怎样给自定义表单添加验证码! 一 ...
TP5 验证码功能实现(解决点击验证码不更新的问题)
ThinkPHP5.0 已经很久了,最近有所接触,下面介绍一下常用的第三方验证码功能的使用. 功能开发 1).引入第三方扩展包进行 TP5 的开发,Composer 的使用会成为重要技能以win ...
thinkphp验证码功能
Think\Verify类可以支持验证码的生成和验证功能. 为了显示这个验证码功能,第一要有控制器,再就是有方法,然后是显示的页面. 一.最简单的方式生成验证码 (1)我们还是继续在那个控制器编写方法 ...
用java来实现验证码功能
科技优家 2017-06-12 12:10 昨天在网上看到了一篇关于验证码的文章,很不错,但是有些不尽人意的地方,比如没有考虑到前端传过来的验证码如果是小写的话,那么做验证的时候就会出现错误, 因为j ...
.NET Core实战项目之CMS 第十六章用户登录及验证码功能实现
前面为了方便我们只是简单实现了基本业务功能的增删改查,但是登录功能还没有实现,而登录又是系统所必须的,得益于 ASP.NET Core的可扩展性因此我们很容易实现我们的登录功能.今天我将带着大家一起来 ...
Servlet验证码功能
Servlet验证码功能创建验证码生成Servlet package com.pc.verifycode;import java.awt.Color; import java.awt.Font; i ...
html实现验证码效果,js实现验证码功能
本文实例为大家分享了js实现验证码功能的具体代码,供大家参考,具体内容如下 #前面是拆解着讲的,不想看可以直接跳过,带注释的完整版代码和效果在后面首先在页面中准备一个输入框,一个显示验证码的盒子和一 ...
java输入验证码代码,JavaWeb 实现验证码功能(demo)
验证码不用多说,在 WEB-APP 中一般应用于:登录.注册.买某票.秒杀等场景.大家都接触过~可以说是千奇百怪,各式各样. DEMO 目标功能验证码页面输入. 页面更换验证码(异步实现). 后台验 ...

Django实现刷新验证码功能

安装该模块

Django实现刷新验证码功能相关推荐

最新文章

热门文章