我们之前写的代码都没有对前端input框输入的数据做验证，我们今天来看下，如果做form表单的数据的验证
在views文件做验证
首先用文字描述一下流程
1、在views文件中导入forms模块
2、然后创建一个类，继承forms.form
3、然后在这个类中写变量，这个变量的就是input标签中的name，也就是前端往后端传递的k值，我们就可以对这个k值对应的v值做数据内容的校验，比如是邮箱模式，比如是否允许空，最大字段长度，最小字段长度
4、然后在视图函数中，实例化一个步骤3中的类，然后用这个对象去接受request.post中的值，然后对象就会根据post方式传递来的k值和类中的k对应，然后比较post传递过来的v值是否符合规范
5、
1、先导入forms模块
from django import forms
2、创建模板的类
# 1、创建模板
class loginform(forms.Form):
# 2、模板中的元素
name = forms.CharField(min_length=6,error_messages={"requird":"用户名不能为空","min_length":"最小长度为6"})
# requird这个是错误码 email = forms.EmailField()
这里这个error_messages写出错的信息，每个不同的错误码对应不同的报错信息
3、在视图函数中使用这个类
def login(request):
if request.method.lower() == "post":
# 3、创建一个模板的对象，然后把数据传递个这个对象
obj = loginform(request.POST) # 4、启动校验 status= obj.is_valid()
print(status) # 5、正确的信息
success_dict = obj.clean()
print(success_dict) # 6、错误的信息
failed_dict = obj.errors.as_json()
print(failed_dict)
return redirect("/app1/login")
else:
return render(request,"login.html")
这里就会校验前台发来的数据中，k为name和email的值的合法性
因为是form表单，所以提交后页面会刷新，上次输入的数据就没有了，我们可以通过下面的方式实现保留上次输入的值
前端代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>form提交测试</h1>
<form method="post" action="/app1/login/">
<p>
{# <input type="text" name="name" placeholder="用户名">#}
{# 这段html要django帮我们生成#} {{ xx.name }}
<span>{{ xx.error.name.0 }}</span>
</p>
<p>
{# <input type="text" name="email" placeholder="邮箱">#}
{# 这段html要django帮我们生成#} {{ xx.email }}
<span>{{ xx.error.email.0 }}</span>
</p>
<p>
<input type="text" name="pwd" placeholder="密码">
</p>
<input type="submit" value="submit提交">
<input type="button" value="ajax提交" id="ajax_test1">
</form>
<script src="/static/jq/jquery-3.3.1.js"></script>
<script>
$(function () { }) $("#ajax_test1").bind("click",function () {
$.ajax({
url:"/app1/login/",
type:"POST",
data:{
name:"cui",
email:"cui@126.com",
pwd:"admin123."
}
}
)
})
</script>
</body>
</html>
后端代码
from django.shortcuts import render
from django.shortcuts import HttpResponse
from django.shortcuts import redirect
# Create your views here. from django import forms """
def login(request):
if request.method.lower() == "post":
print(request.POST.get("name"))
return redirect("/app1/login")
else:
return render(request,"login.html")
# return redirect("/app1/login")
# return HttpResponse("hahh")
""" # 1、创建模板
class loginform(forms.Form):
# 2、模板中的元素
name = forms.CharField(min_length=6,error_messages={"required":"用户名不能为空","min_length":"最小长度为6666666666"})
# requird这个是错误码 email = forms.EmailField(error_messages={"required":"邮箱不能为空","invalid":"邮箱格式错误"}) def login(request):
if request.method.lower() == "post":
# 3、创建一个模板的对象，然后把数据传递个这个对象
obj = loginform(request.POST) # 4、启动校验 status= obj.is_valid()
print(status) # 5、正确的信息
success_dict = obj.clean()
print("正确的信息----------->",success_dict) # 6_1、错误的信息1
# failed_dict = obj.errors.as_json() # 6_2、错误的信息1
failed_dict = obj.errors if not obj.is_valid():
# print(failed_dict["name"])
# print(failed_dict["name"][0])
print("错误的信息----------->",failed_dict)
print("名称的错误信息-------->",failed_dict["name"][0])
print("邮箱的错误信息-------->", failed_dict["email"][0])
return render(request, "login.html", {'xx': obj})
# return redirect("/app1/login")
else:
obj = loginform()
# return render(request,"login.html")
# return redirect("/app1/login")
return render(request,"login.html",{"xx":obj})
# return HttpResponse("hahh")
主要是要看这里
#Auther Bob
#--*--conding:utf-8 --*-- from django import forms
from django.forms import widgets class DeatilForm(forms.Form):
# pwd = forms.CharField(widget=widgets.PasswordInput())
# user = forms.CharField(widget=widgets.TextInput())
pwd = forms.CharField(widget=widgets.PasswordInput(attrs={"class":"c1","placeholder":"密码"}))
user = forms.CharField(widget=widgets.TextInput(attrs={"class":"c2","placeholder":"用户名"})) age = forms.IntegerField()
# 这里的效果是输入框只能输入数字，其他的都无法输入 choice1 = forms.ChoiceField(choices=[(1,"内蒙古"),(2,"广东"),(3,"黑龙江")]) choice2 = forms.CharField(
widget=widgets.Select(choices=[(1,"内蒙古"),(2,"广东"),(3,"黑龙江")])
)
choice3 = forms.IntegerField(
widget=widgets.Select(choices=[(1,"内蒙古"),(2,"广东"),(3,"黑龙江")])
)
choice4 = forms.IntegerField(
widget=widgets.RadioSelect(choices=[(1,"内蒙古"),(2,"广东"),(3,"黑龙江")])
) # 进行一下字段学习
class FiledForm(forms.Form):
arg1 = forms.CharField( # 这个属性是charfiled特有的
# max_length=233,最大的字符长度
# min_length=234,最小的字符长度 # 下面这些属性是filed都有的,下面参数都可以用下面的参数 # required=True 是否必填
# label=None 就是显示一个字符串，在前台渲染的时候用obj.arg1.label就会显示label的值，只是一个锦上添花的作用
# initial=None 这里就是一个默认值，也就是初始值
# help_text=''这里就是一个帮助信息 # error_messages=None 出错的时候显示的信息 # show_hidden_initial=False 是否生成带有默认值的一个隐藏的标签，可以用来判断现在的输入值和默认值是否相同 # validators=() 自定义一个正则表达式 # localize=False 是否支持本地化，暂时不需要掌握 # disabled=False 标签是否能否能编辑 # label_suffix=None 默认这个值就是冒号，也就是前面label的值和input框之间的冒号，如果设置了这个值，就会替代lable和input框中之间的冒号 # error_messages=None
# error_messages={"required":"不能为空","invalid":"格式错误",} )
arg2 = forms.IntegerField(
# max_value=23, 最大值
# min_value=21. 最小值
) arg3 = forms.FloatField( ) arg4 = forms.DateField(
# 页面必须要满足这个格式,格式是:2015-09-03
) arg5 = forms.TimeField(
# 页面必须要满足这个格式,格式是:11:34
) arg6 = forms.DateTimeField(
# 页面必须要满足这个格式,格式是:2015-09-03 11:34
) arg7 = forms.EmailField( ) arg8 = forms.PasswordInput( ) arg9 = forms.RegexField(
# 通过正则表达式自定义字段
) arg10 = forms.FileField( ) arg11 = forms.ImageField( ) # 单选框
arg12 = forms.ChoiceField(
initial=2,
choices=((1,"内蒙古"),(2,"黑龙江"),(3,"广东"))
) # 多选框
arg13 = forms.MultipleChoiceField(
initial=[1,2],
choices=((1,"内蒙古"),(2,"黑龙江"),(3,"广东"))
) arg14 = forms.FilePathField(
# recursive=False 是否递归显示，是否显示文件下的文件 # 指定一个路径，会把这个路径下所有的文件和路径用select框显示出来
) arg15 = forms.GenericIPAddressField(
# 解析ip地址
)
arg16 = forms.SlugField(
# 只允许输入，字母数字和下划线减号
) arg17 = forms.UUIDField(
# 只支持uuid格式的输入
)
# 这里的arg*就是k值
f8 = fields.ChoiceField(
choices=[(1, "上海3"), (2, "北京3"), (3, "深圳3")],
initial=3,
required=True,
label="城市",
label_suffix="------>"
) f9 = fields.TypedChoiceField(
choices=[(1, "上海4"), (2, "北京4"), (3, "深圳4")],
initial=3,
required=True,
coerce=lambda x:int(x)
) f10 = fields.MultipleChoiceField(
choices=[(1, "上海5"), (2, "北京5"), (3, "深圳5")],
initial=[1,3,]
) f11 = fields.TypedMultipleChoiceField(
choices=[(1, "上海5"), (2, "北京5"), (3, "深圳5")],
initial=[1, 3, ],
coerce=lambda x:int(x),
) f12 = fields.FilePathField(path="app1",allow_folders=True,recursive=False,allow_files=) # recursive：递归显示，true不显示，false显示
# allow_folders：是否显示文件夹
# allow_files:是否显示文件 f13 = fields.GenericIPAddressField(
protocol="both"
) f13 = fields.SlugField()
# 只允许数字，字母，下划线，减号
widget可以指定插件的类型
