前端代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>登录</title>

    <script src="/static/jquery-3.3.1.min.js"></script>

    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css">

</head>

<body>

<div class="container-fluid box">

    <h1></h1>

    <div class="row">

        <div class="col-md-4 col-md-offset-4">

            <div class="panel panel-primary">

                <div class="panel-heading">

                    <h3 class="panel-title">Loging</h3>

                </div>

                <div class="panel-body">

                    {# label for="name"  如果指定某个id,这样点击这个label,焦点会到对应的控件上         #}

                    <form>

                        {% csrf_token %}

                        <div class="form-group">

                            <label for="name">用户名</label>

                            <input type="text" id="name" class="form-control">

                        </div>

                        <div class="form-group">

                            <label for="pwd">密码</label>

                            <input type="password" id="pwd" class="form-control">

                        </div>

                        <div class="form-group">

                            <label for="valid_code">验证码</label>

                            <div class="row">

                                <div class="col-md-6">

                                    <input type="text" id="valid_code" class="form-control">

                                </div>

                                <img height="35" width="260" src="/get_valid_code/" alt="">

                            </div>

                        </div>

                        {#                        <input type="button" value="登录" class="btn btn-primary pull-right" id="btn">#}

                    </form>

                    <input type="button" value="登录" class="btn btn-primary pull-right" id="btn">

                </div>

            </div>

        </div>

    </div>

</div>

</body>

<script>

    $('#btn').hover(function () {

        var valid_code = $('#valid_code').val();

        if (valid_code.length == 0) {

            alert('验证码不能为空')

        } else {

            $('#btn').click(function () {

                var user_info = {

                    'name': $('#name').val(),

                    'pwd': $('#pwd').val(),

                    'valid_code': $('#valid_code').val(),

                    'csrfmiddlewaretoken': $("[name = 'csrfmiddlewaretoken']").val(),

                    {#'csrfmiddlewaretoken': '{{ csrf_token }}',#}  --csrf_token的第二种写法

                };

                {#var pos = JSON.stringify(user_info);#}

                var pos = user_info;

                $.ajax({

                    url: '/login/',

                    type: 'post',

                    data: pos,

                    success: function (data) {

                        if (data==200){

                             window.location.href = "/index/"

                        }else {

                            alert(data)

                        }

                    }

                })

            });

        }

    })

</script>

</html>

后台代码

import random

from PIL import Image, ImageDraw, ImageFont

from io import BytesIO

import json

def get_random_color():

    return (

        random.randint(0, 255), random.randint(0, 255), random.randint(0, 255)

    )

def get_random_code():

    code = ''

    for i in range(5):

        num = random.randint(0, 9)  # 0到9的随机数

        upper_num = random.randint(65, 90)  # 大写字母a-z对应的ASCII码

        lower_num = random.randint(97, 122)  # 小写字母a-z对应的ASCII码

        upper_letter = chr(upper_num)

        lower_letter = chr(lower_num)

        code_list = [num, upper_letter, lower_letter]

        x = random.sample(code_list, 1)[0]  # 随机生成一个字符串

        code += str(x)

    return code

verification_code = get_random_code()

def get_valid_code(request):

        img = Image.new('RGB', (320, 35), color=get_random_color())

        img_draw = ImageDraw.Draw(img)

        font = ImageFont.truetype('static/font/ss.TTF', size=25)

        img_draw.text((100, 0), verification_code, get_random_color(), font=font)

        f = BytesIO()

        img.save(f, 'png')

        data = f.getvalue()

        return HttpResponse(data)

def login(request):

    if request.method == "GET":

        return render(request, 'login.html')

    elif request.method == 'POST':

        name = request.POST.get('name')

        pwd = request.POST.get('pwd')

        valid_code = request.POST.get('valid_code')

        print(verification_code)

        print(name, pwd, valid_code)

        if valid_code.lower() == verification_code.lower():

            if name == 'zjh' and pwd == '':

                return HttpResponse(200)

            return HttpResponse('用户或密码错误')

        return HttpResponse('验证码错误')
-----https://www.cnblogs.com/seven-007/p/8034043.html

django--之登录表单提交的更多相关文章

  1. WEB-INF目录下登录表单提交的重定向

    问题描述 登陆表单提交跳转后刷新会重新提交表单,但是使用重定向时不走视图解析器,不能访问WEB-INF下的资源 解决方法 原方法 @RequestMapping(value = "/logi ...

  2. Django之form表单提交并验证

    1.提交的时候会报错 2. 需要在setting里面注释掉一句话,关闭跨站请求检查. 3. 注释掉以后,理论上就不报错了.可我还是卡壳了. 4. 通过在网上找方法,修复错误. 原因:表单action字 ...

  3. Django 使用form表单提交数据报错： Forbidden (403)

    Issue: 使用from表单submit之后报错入下: Action: 把django工程文件的setting.py中的'django.middleware.csrf.CsrfViewMiddlew ...

  4. [转]django自定义表单提交

    原文网址:http://www.cnblogs.com/retop/p/4677148.html 注:本人使用的Django1.8.3版本进行测试 除了使用Django内置表单,有时往往我们需要自定义 ...

  5. Django初体验（一）:自定义表单提交

    注:本人使用的Django1.8.3版本进行测试 除了使用Django内置表单,有时往往我们需要自定义表单.对于自定义表单Post方式提交往往会带来由CSRF(跨站请求伪造)产生的错误"CS ...

  6. django中form表单的提交：

    一,关于表单: 表单在百度百科的解释:   表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域 ...

  7. 用python模拟登录（解析cookie + 解析html + 表单提交 + 验证码识别 + excel读写 + 发送邮件）

    老婆大人每个月都要上一个网站上去查数据,然后做报表. 为了减轻老婆大人的工作压力,所以我决定做个小程序,减轻我老婆的工作量. 准备工作 1.tesseract-ocr 这个工具用来识别验证码,非常好用 ...

  8. Django---form表单提交数据到数据库（普通方法+Django的form类）

    目标: ①.初始form的简单应用 ②.使用Django的form组件完成新增一个帖子 方法一:普通方法 1.前端表单代码 <div> <form class="navba ...

  9. django 使用form组件提交数据之form表单提交

    django的form组件可以减少后台在进行一些重复性的验证工作,极大降低开发效率. 最近遇到一个问题: 当使用form表单提交数据后,如果数据格式不符合后台定义的规则,需要重新在前端页面填写数据. ...

随机推荐

  1. Python随手记

    类属性的本质是变量对象. os.path.abspath(path) 返回绝对路径,如果填入相对路径,默认会在前面加上当前目录,组合成绝对路径. >>> os.path.abspat ...

  2. nyoj 975 Distinct Count

    Distinct Count 时间限制:3000 ms  |  内存限制:65535 KB 难度:3 描述 给一个长度为 n 的数列 {an} ,找出有多少个长度为 m 的区间,使区间中不含有重复的数 ...

  3. Hadoop 2.0 编译问题小结

    原文见 http://xiguada.org/hadoop-2-x-compile/ 这些问题是2013年初整理的,不过到目前为止,即使最新的hadoop2.0系列,编译总体上变化不大,因此还能适用. ...

  4. Mybatis设置超时时间

    Mybatis设置超时时间 mybatis如果不指定,默认超时时间是不做限制的,默认值为0.mybatis sql配置超时时间有两种方法: 1.全局配置 在mybatis配置文件的settings节点 ...

  5. 怎么来爬取代理服务器ip地址？

    一年前突然有个灵感,想搞个强大的网盘搜索引擎,但由于大学本科学习软件工程偏嵌入式方向,web方面的能力有点弱,不会jsp,不懂html,好久没有玩过sql,但就是趁着年轻人的这股不妥协的劲儿,硬是把以 ...

  6. 圆角带箭头的提示框css实现

    css是一个很强大的东西,很多网页效果,我们可以通过css直接实现.今天给大家分享的是一个用css实现的圆角带箭头的提示框. 效果如下图: 这一个样式主要涉及到了css的边框样式border的运用和定 ...

  7. HTTP抓包工具Charles分析

    Charles是一款抓包神器,它是Java开发的跨平台的软件,不仅可以在Mac上使用,Linux以及Window下都是可以使用的,当然需要安装JDK,才能运行,他是收费的,需要进行破解. 破解操作:将 ...

  8. 【BZOJ】3400: [Usaco2009 Mar]Cow Frisbee Team 奶牛沙盘队（dp）

    http://www.lydsy.com/JudgeOnline/problem.php?id=3400 既然是倍数我们转换成mod.. 设状态f[i][j]表示前i头牛modj的方案 那么答案显然是 ...

  9. PHP 中 json_encode中文处理、urlencode方法、post中文乱码

    当使用php自带的json_encode对数据进行编码时,中文都会变成unicode,导致不可读.如:对字符串”厦门“进行json_encode后,输出的是"\u53a6\u95e8&quo ...

  10. 【转】使用UMDH查找内存泄漏

    转载出处:http://blog.csdn.net/phiger/article/details/1932141 Umdh 是 Debugging Tools for Windows 里面的一个工具, ...