Form验证
django中的Form一般有两种功能:
- 输入html
- 验证用户输入
django使用内置form方法验证表单提交的数据
- html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.error-msg {
color: red;
}
</style>
</head>
<body>
<div>
<div>
用户名:<input type="text" name="user" />
</div>
<div>
密码:<input type="password" name="pwd" />
</div>
<div>
数字 <input type="text" name="num" />
</div>
<div>
手机号<input type="text" name="phone" />
</div>
<div>
邮箱<input type="text" name="email" />
</div>
<input type="button" value="提交" onclick="DoSubmit();" />
</div>
<script src="/static/js/jquery-1.12.4.js"></script>
<script>
function DoSubmit(){
var input_dict = {};
$('input').each(function(){
var v = $(this).val();
var n = $(this).attr('name');
input_dict[n] = v;
});
$.ajax({
url: '/login/',
type: 'POST',
data: input_dict,
dataType:'json',
success: function (result) {
if (result.status) {
location.href = 'www.baidu.com';
} else {
$.each(result.message, function (k,v) {
var tag = document.createElement('span');
tag.className = 'error-msg';
tag.innerText = v[0].message;
$('input[name="' + k + '"]').siblings('span').remove();
$('input[name="' + k + '"]').after(tag);
})
}
}
})
}
</script>
</body>
</html>
- views函数
from django import forms
import json
from django.core.exceptions import ValidationError
import re #自定义验证规则
def mobile_validate(value):
mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
if not mobile_re.match(value):
raise ValidationError('手机号码格式错误') #定义验证规则
class MyForm(forms.Form):
user = forms.CharField(required=True, error_messages={'required': '用户名不能为空.'})
pwd = forms.CharField(required=True,
min_length=6, #最少长度
max_length=10, #最大长度
error_messages={'required': '密码不能为空.', 'min_length': "至少6位"}, #不合法提示信息
widget=forms.PasswordInput) #输入类型 num = forms.IntegerField(error_messages={'required': '数字不能空.', 'invalid': '必须输入数字'})
email = forms.EmailField(required=True,error_messages={'required': '邮箱不能空.', 'invalid': '邮箱格式错误'})
#应用自定义验证规则
phone = forms.CharField(required=True,validators=[mobile_validate,],error_messages={'required':'请填写手机号'} ) def login(request):
if request.method == 'POST':
result = {'status':False,'message':None}
obj = MyForm(request.POST)
ret = obj.is_valid()
if ret:
msg = obj.clean()
result['status'] = True
result['message'] = msg
else:
msg = obj.errors.as_json() #将异常信息以json格式输出
result['status'] = False
result['message'] = json.loads(msg)
print(result)
return HttpResponse(json.dumps(result))
else:
return render(request,'login.html')
- url 配置略
效果:
-
涉及的知识点:
- 1.html中form表单name的值需要和自己定义的类中的值必须一样,如input中name=user,那么,在class中对应的就是user=**的规则
- 2.obj = MyForm(request.POST) 创建完对象之后,对象obj常用的方法有:
- is_valid() 判断是否验证合法
- clean() 取出request中验证通过的正确信息
- errors 输出request中验证不通过的提示信息,子方法有 as_json() 以json格式输出、as_ul()以列表形式输出、 as_text()以字符串形式输出
- 3.ajax拿到服务器返回的信息之后,判断message中status是否为True,为True则执行下一步操作,为false,则创建span标签,提示错误信息
- 4.自定义验证规则:
- 1)导入from django.core.exceptions import ValidationError
- 2)定义验证函数,如果验证不通过,则使用raise主动抛出ValidationError错误信息
- 3)在类中使用validators=[mobile_validate,]应用规则
django使用form生成表单,并做提交数据验证
上面的例子是在html中直接使用form表单,然后利用ajax提交数据到后台进行验证,下面的例子使用django生成form表单里的元素,然后进行提交验证
- html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.error-msg {
color: red;
}
</style>
</head>
<body>
<form>
<div>
<div>
用户名: {{ obj.user }}
{% if obj.errors.user %}
<span class="error-msg"> {{ obj.errors.user.0 }}</span>
{% endif %}
</div>
<div>
密码:{{ obj.pwd }}
{% if obj.errors.pwd %}
<span class="error-msg"> {{ obj.errors.pwd.0 }}</span>
{% endif %}
</div>
<div>
数字:{{ obj.num }}
{% if obj.errors.num %}
<span class="error-msg"> {{ obj.errors.num.0 }}</span>
{% endif %}
</div>
<div>
手机号: {{ obj.phone }}
{% if obj.errors.phone %}
<span class="error-msg"> {{ obj.errors.phone.0 }}</span>
{% endif %}
</div>
<div>
邮箱: {{ obj.email }}
{% if obj.errors.email %}
<span class="error-msg"> {{ obj.errors.email.0 }}</span>
{% endif %}
</div>
<input type="submit" value="提交" />
</div>
</form> </body>
</html>
- view
def login2(request):
if request.POST:
objPost = MyForm(request.POST)
ret = objPost.is_valid()
if ret:
print(objPost.clean())
else:
from django.forms.utils import ErrorDict
#print(type(obj.errors),obj.errors.as_json())
# obj1.errors
pass
return render(request, 'login2.html',{'obj': objPost})
else:
objGet = MyForm()
return render(request, 'login2.html',{'obj': objGet})
- url略
- 涉及知识点
- 1. 给django生成的标签应用样式和类型 widget 指定生成的标签类型 attr={'k1':'123'} 指定属性 完整配置: pwd=forms.CharField(widget=forms.PasswordInput(attr={'k1':'123'}))
- 2.生成select标签
test_choices = (
(0, '上海'),
(1, '背景'),
)
test = forms.IntegerField(widget=forms.Select(choices=test_choices))
跨站伪造csrf
django为用户实现防止跨站请求伪造的功能,通过中间件 django.middleware.csrf.CsrfViewMiddleware 来完成。而对于django中设置防跨站请求伪造功能有分为全局和局部。
- 全局:
中间件 django.middleware.csrf.CsrfViewMiddleware
-
局部:
- @csrf_protect,为当前函数强制设置防跨站请求伪造功能,即便settings中没有设置全局中间件。
- @csrf_exempt,取消当前函数防跨站请求伪造功能,即便settings中设置了全局中间件。
注:from django.views.decorators.csrf import csrf_exempt,csrf_protect
CSRF实现原理
- 1.django在打开这个页面时就会给页面一个授权token,会分别在插入在cookie和给当前页面表单中插入一个input标签,所以浏览器必须开启cookie,或者表单中必须使用模版语言承接token
- 2.对于普通表单,当点击submit之后,token会跟其他表单数据提交到后台,csrf拿到token之后,验证通过,否则返回403;对于ajax请求,则需要获取cookie中的token,然后特殊处理,进行提交
##实现过程
###普通表单 - views配置
def csrf(request):
return render(request,'csrf.html')
- html配置
<form action="csrf.html" method="post">
<input type="text">
<input type="submit" value="form提交">
{% csrf_token%} //承接csrf的token
</form>
打开html之后,发现,在html form表单中已经得道token
cookie中也得道了token
ajax使用token
- html配置
需加入jquery.cookie插件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="csrf.html" method="post">
<input type="text">
<input type="submit" value="form提交">
<!--{% csrf_token%}-->
</form>
<input type="button" value="Ajax提交" onclick="ajaxpost();"> <script src="/static/js/jquery-1.12.4.js"></script>
<script src="/static/js/jquery.cookie.js"></script> <script>
var csrftoken = $.cookie('csrftoken');
function csrfSafeMethod(method) {
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
$.ajaxSetup({
beforeSend: function (xhr,settings) {
if (!csrfSafeMethod(settings.type) && (!this.crossDomain)) {
xhr.setRequestHeader("X-CSRFToken",csrftoken);
}
}
});
function ajaxpost() {
$.ajax({
url:'/csrf/',
type:'post',
data:{'k1':'v1'},
success: function (data) {
console.log(data)
} });
}
</script> </body>
</html>