1.提交的时候会报错

2. 需要在setting里面注释掉一句话,关闭跨站请求检查。

3. 注释掉以后,理论上就不报错了。可我还是卡壳了。

4. 通过在网上找方法,修复错误。

原因:表单action字段没有以 '/' 结尾,将action 修改为 action="/a/b/"即可修复。将action字段修正如下:

这里需要说明一下,在Django里面,会默认在浏览器的后面加一个/. 例如:127.0.0.1:8000/login, 会被修正为:

127.0.0.1:8000/login/.

所以如果在URL中有/的话,则在action中也必须加上/。要么两者都不加,否则就会报错。

url(r'^login/',views.login) 必须与action='/login/'匹配

5. 此时再提交的时候,就不报错了。

6. 重启重连,当有请求过来的时候,都是到urls.py里面去找对应关系。

后台应该根据用户不同的提交方式(get/post),去获取不同的方法。

一般而言,都是以get方式获取表单,以post方式提交用户名和密码。

request里面包含了客户端用户发过来的所有的信息。

如果是【post】,那么表单数据将放在请求体中被发送出去。
如果是【get】,那么表单数据将会追加到查询字符串中,以查询字符串的形式提交到服务端。eg: www.baidu.com?nid=1&name=2
建议:表单通常还是以post方式提交比较好,这样可以不破坏URL,况且URL还有长度限制。

        user=request.POST['user']
pwd = request.POST['pwd']
print(user,pwd)

测试后台获取用户名和密码。request.POST()  类似于一个字典。

为了防止报错,可以把上面的程序修改为:

dict.get(key, default=None) ,如果有值,则获取;如果没有,则使用默认值。这样有了默认值后,就不会报错了。

7. 至此,可以重启服务器端,然后以root,123作为用户名和密码提交,成功跳转到百度页面。

跳转:

8. 验证完以后,如果用户名密码错误的话,返回提示到客户端。

8.1:在login.html中加1个标签

8.2 在view.py中给render加第3个参数,

return render(request,'login.html',{'error_msg':'用户名密码不匹配'})

render会先找到login.html目录,然后打开login.html文件放到内存,然后找到error_msg这个特殊的字符,然后把error_msg这个字符串替换成 ’用户名密码不匹配' 这个字符串。

运行结果:至此一切结束。

9. 粘贴一下到此时的程序

9.1 目录

9.2 login.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/commons.css"/>
<style>
label{
width:80px;
text-align:right;
display:inline-block;
}
</style>
</head>
<body>
<form action="/login/" method="post">
<p>
<lable for="username">用户名:</lable>
<input id="username" name="user" type="text"/>
</p>
<p>
<lable for="password">密码:</lable>
<input id="password" name="pwd" type="password"/>
<input type="submit" value="提交"/>
<span style="color:red;">{{error_msg}}</span>
</p>
</form>
<script src="/static/jquery.min.js"></script>
</body>
</html>

9.3 views.py

from django.shortcuts import render
from django.shortcuts import redirect # Create your views here. from django.shortcuts import HttpResponse def login(request):
# f=open('temp/login.html','r',encoding='utf-8')
# data=f.read()
# f.close()
# return HttpResponse(data)
return render(request,'login.html') def login(request):
#包含用户提交的所有信息
#获取用户的提交方法
#print(request.method)
error_msg=""
if request.method=='POST':
#获取用户通过post提交过来的数据
user = request.POST.get('user',None)
pwd = request.POST.get('pwd',None)
if user=='root' and pwd=='123':
#去跳转(重定向)到百度网站
return redirect('http://www.baidu.com')
else:
#用户名密码不匹配
error_msg = '用户名或密码错误'
#pass
#user=request.POST['user']
#pwd = request.POST['pwd']
#print(user,pwd) return render(request,'login.html',{'error_msg':error_msg})

Django之form表单提交并验证的更多相关文章

  1. javascprit form表单提交前验证以及ajax返回json

    1.今天要做一个手机验证码验证的功能.需求是前端页面点击发送 短信验证码,后台接收后通过ajax返回到前端,之后前端在提交时候进行验证.思路很简单,不过做的过程还是学到不少的东西. 1.ajax请求后 ...

  2. django做form表单的数据验证

    我们之前写的代码都没有对前端input框输入的数据做验证,我们今天来看下,如果做form表单的数据的验证 在views文件做验证 首先用文字描述一下流程 1.在views文件中导入forms模块 2. ...

  3. JavaScript form表单提交与验证

    原网址:https://blog.csdn.net/vipwxs/article/details/79119701 一.form对象的属性: name:获取表单的名称,该name一般给JS使用 met ...

  4. Html form 表单提交前验证

    可以使用form表单的onsubmit方法,在提交表单之前,对表单或者网页中的数据进行检验. onsubmit指定的方法返回true,则提交数据:返回false不提交数据. 直接看下面的代码: 1 & ...

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

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

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

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

  7. Form表单提交,js验证

    Form表单提交,js验证 1,  Onclick() 2, Onsubmit() Button标签 input (属性 submit  button )标签 Input type=button    ...

  8. Django框架之第二篇--app注册、静态文件配置、form表单提交、pycharm连接数据库、django使用mysql数据库、表字段的增删改查、表数据的增删改查

    本节知识点大致为:静态文件配置.form表单提交数据后端如何获取.request方法.pycharm连接数据库,django使用mysql数据库.表字段的增删改查.表数据的增删改查 一.创建app,创 ...

  9. Django的form表单

    html的form表单 django中,前端如果要提交一些数据到views里面去,需要用到 html里面的form表单. 例如: # form2/urls.py from django.contrib ...

随机推荐

  1. 【转】 线段树完全版 ~by NotOnlySuccess

    载自:NotOnlySuccess的博客 [完全版]线段树 很早前写的那篇线段树专辑至今一直是本博客阅读点击量最大的一片文章,当时觉得挺自豪的,还去pku打广告,但是现在我自己都不太好意思去看那篇文章 ...

  2. underscore.js 源码分析5 基础函数和each函数的使用

    isArrayLike 检测是数组对象还是纯数组 var property = function(key) { return function(obj) { return obj == null ? ...

  3. 读懂UML类图

    平时阅读一些远吗分析类文章或是设计应用架构时没少与UML类图打交道.实际上,UML类图中最常用到的元素五分钟就能掌握,下面赶紧来一起认识一下它吧: 一.类的属性的表示方式 在UML类图中,类使用包含类 ...

  4. tomcat 部署项目到服务器

    参考博客,我选了一种最简单的方法来部署项目. 在tomcat 目录下 的  conf\Catalina\localhost 目录中,新建一个   ' 项目名.xml '   文件,名字用项目名表示, ...

  5. sql 命令使用简单记录

    半个月前就想记下用过的SQL命令的!!!     主题: 按时间查询: https://blog.csdn.net/hejpyes/article/details/41863349   左关联: se ...

  6. 时序数据库InfluxDB

    在系统服务部署过后,线上运行服务的稳定性是系统好坏的重要体现,监控系统状态至关重要,经过调研了解,时序数据库influxDB在此方面表现优异. influxDB介绍 时间序列数据是以时间字段为每行数据 ...

  7. SQL Server变量杂谈

    学习SQL的过程有进步的话还是一件很美妙的事情的 在第一家公司虽然只呆了两年,但是感觉是我进步最快的两年.那时候工作和生活都挺充实的,每天都有一点点的收获和付出,其中最大的收获莫过于掌握一些核心技能. ...

  8. HDU 6438

    Problem Description The Power Cube is used as a stash of Exotic Power. There are n cities numbered 1 ...

  9. CentOS7.2 部署Haproxy 1.7.2

    原文发表于cu:2017-03-16 参考文档: haproxy:http://www.haproxy.org/ 本文涉及haproxy的安装,并做简单配置. 一.环境准备 1. 操作系统 CentO ...

  10. 如何使用HtmlTestRunner让自动化测试报告内容更丰富

    原文出自:http://www.cnblogs.com/tsbc/p/4128150.html 简述 使用selenium webdriver + Python做自动化测试,执行完成后要生成测试报告, ...