1,手写一个form表单提交数据
- 有input标签,让用户可以填数据
- 校验form表单提数据
- 提示错误信息
html页面代码:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <h1>form表单中的注册</h1> <form action="" method="post"> {% csrf_token %} {# 跨站请求伪造 #} <p>用户名: <input type="text" name="user"><span style="color:red">{{ error_name }}</span> </p> <p>密码: <input type="password" name="pwd"><span style="color:red">{{ error_pwd }}</span> </p> <input type="submit"> </form> </body> </html>
view业务逻辑的代码:
from django.shortcuts import render, HttpResponse from django import forms # Create your views here. class RegForm(forms.Form): user = forms.CharField(max_length=32) pwd = forms.CharField(max_length=32) def login(request): # 全局定义变量的值,第一次是get请求的时候需要有值 error_name = "" error_pwd = "" # 第二次进来是POST请求要提交数据 if request.method == "POST": print(123) # 获取到用户输入的值 user = request.POST.get("user") pwd = request.POST.get("pwd") print(user) print(pwd) # 拿到数据后进行数据判断 if len(user) > 6 and len(pwd) > 6: # 数据符合要求,进行注册成功的操作,这里就先返回一个HttpResponse对象 return HttpResponse("注册成功") elif len(user) > 6 and len(pwd) < 6: # 用户名大于6个字符,但是密码小于6个字符 error_pwd = "这个有点短~~~" elif len(user) < 6 and len(pwd) > 6: # 用户名长度大于6,密码小于6 error_name = "这个有点短!!!" else: error_name = "这个有点短!!!" error_pwd = "这个有点短~~~" # 第一次进来返回一个html登录页面 return render(request, "register.html", {"error_name": error_name, "error_pwd": error_pwd})
2,Django中的form提交数据:
forms代码:
from django import forms from app_form.models import User from django.core.exceptions import ValidationError from django.forms import widgets from django.core.validators import RegexValidator from app_form .models import User, Hobby import re # 验证校验输入框的信息(自定义校验) def check_name(value): if "雪" in value: raise ValidationError("你这个不是来自于日 本") # 定义form类继承forms.Form(必须继承) class RegForm(forms.Form): # 指定类里边属性的类型字符串不超过32个字符 user = forms.CharField( label="用户名", # 在生成input标签的时候会显示用户名这几个字 max_length=12, # 用户名这个输入框的最大长度不超过32个字符 min_length=6, # 用户名这个输入框的最想长度不小于6个字符 required=True, # 表示这个输入框必须填的结果是False,也就是说可以为空 initial="雪雪", # initial的翻译是最初的,最开始的,也就是说输入框的第一次访问是指定的值"雪雪" disabled=False, # disable翻译是禁用,表示这个输入框禁用的性质是False,表示可以输入值 validators=[check_name], # 翻译的意思是验证,也就是将用户输入的值传给check_name这个函数去校验 error_messages={ "min_length": "你这也太短了...,还不到6", "required": "不能为空" } ) # 指定类里边的密码属性的字符串不差过32个字符 pwd = forms.CharField( max_length=12, # 密码的最大长度不超过12个字符 min_length=6, # 密码的最小长度不少于6个字符 label="密码", # 在生成input框的时候会说明 是这个输入框的的作用 error_messages={ "min_length": "你这也忒短了吧", "max_length": "你这太长了,都受不了了...", "required": "不能为空" } ) gender = forms.ChoiceField( choices=((1, "男"), (2, "女"), (3, "不详")), # 单选框只能选一个框 widget=widgets.RadioSelect(), label="性别" ) hobby = forms.ChoiceField( choices=((1, "足球"), (2, "篮球"), (3, "双色球")), widget=widgets.CheckboxSelectMultiple, label="爱好" ) phone = forms.CharField( label="手机号", validators=[ RegexValidator(r"^1[3-9]\d{9}$", "手机号不正经") # 模式:RegexValidator(正则匹配表达式, 错误信息) ] ) # pwd = forms.CharField( # label="密码", # min_length=6, # max_length=12, # widget=widgets.PasswordInput() # ) re_ped = forms.CharField( label="确认密码", min_length=6, max_length=12, widget=widgets.PasswordInput() )
Html代码:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>高逼格的注册</title> </head> <body> <form action="" method="post" novalidate> {% csrf_token %} {# {{ form_obj.as_p }}#} {# <input type="submit">#} <p> {{ form_obj.user.label }} {{ form_obj.user }} <span style="color: red;">{{ form_obj.user.errors.0 }}</span> <div>{{ form_obj.user.errors.1 }}</div> <div>{{ form_obj.user.errors.2 }}</div> </p> <p> {{ form_obj.pwd.label }} {{ form_obj.pwd}} <span style="color: red">{{ form_obj.pwd.errors.0 }}</span> </p> <hr> <p> {{ form_obj.gender.lable }} {{ form_obj.gender }} </p> <p> {{ form_obj.hobby.label }} {{ form_obj.hobby }} </p> <p> {{ form_obj.phone.label }} {{ form_obj.phone }} </p> <p> {{ form_obj.pwd.label }} {{ form_obj.pwd }} </p> {{ form_obj.errors }} <input type="submit"> </form> </body> </html>
业务逻辑代码:
def register(request): form_obj = RegForm() # 实例化一个form中RegForm的对象就能拿到关于RegForm的属性和方法 print("第一次实例化的对象:",form_obj,type(form_obj)) if request.method == "POST": # 重新实例化一个RegForm的对象,可以拿到RegForm的所有的属性和方法 form_obj = RegForm(request.POST) print("第二次实例化的对象:",form_obj,type(form_obj)) print("错误信息:", form_obj.errors,type(form_obj.errors)) for k, v in form_obj.errors.items(): print(k, v) if form_obj.is_valid(): # cleaned_data 是经过校验的数据 print(form_obj.cleaned_data) # 拿到的是一个{‘user‘: ‘天王盖地虎,小米一米五‘, ‘pwd‘: ‘123‘}字典 print(form_obj.cleaned_data["user"]) print(form_obj.cleaned_data["pwd"]) # 表示注册成功,可以享受提供的"服务" # 咱们先返回一个注册成功的页面表示注册成功进行的操作 return HttpResponse("注册成功") # 一次访问是一个get请求,返回一个html页面 return render(request, "register2.html", {"form_obj":form_obj})
3钩子函数
3.1>局部钩子函数代码:
# 局部钩子函数,只是校验某一个字段的校验 def clean_phone(self): # self指的是校验谁就是谁,clean_data是通过浏览器校验后拿出来的字典 value = self.cleaned_data.get("phone") # 拿到用户输入的数据后进行正则匹配 if re.match(r‘1[3-9]\d{9}‘, value): # match(正则表达式, 要匹配的字符串) return value # 当手机号匹配成功,是一个合法的手机号,就返回这个手机号 # 当匹配不成功就抛异常 raise ValidationError("手机号不正经") def clean_re_ped(self): # 获取用户输入的密码们 pwd = self.cleaned_data.get("pwd") re_pwd = self.cleaned_data.get("re_pwd") # 判断两次输入的密码是否一致 if pwd == re_pwd: # 当两次结果一致时,返回这个数据的字典 return self.cleaned_data # 当pwd不等于re_pwd时抛一个异常返回给浏览器 raise ValidationError("两次密码不一致")
3.2>全局钩子函数代码:
# 全局钩子函数 def clean(self): # 全局钩子就是在forms里的所有字段都可以拿过来校验 # 获取两次输入的密码来做校验 pwd = self.cleaned_data.get("pwd") re_pwd = self.cleaned_data.get("re_pwd") # 判断两次结果是否正确 if pwd == re_pwd: return self.cleaned_data # 增加错误信息 self.add_error("re_pwd", "两次校验结果不一致") raise ValidationError("两次校验结果不一致")
小结:form组件的主要功能:
- 生成页面可用的标签
- 对用户提交的数据进行校验
- 保留上次输入的内容
原文地址:https://www.cnblogs.com/ljc-0923/p/9899988.html
时间: 2024-11-05 17:45:55