我们之前写的代码都没有对前端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:"[email protected]", 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可以指定插件的类型
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/20827.html