Django之from表单

Posted 2021-02-05 cuilinpu

from表单是自带校验宫能的   可以省区我们很多麻烦 现在我们来看下他的用法

 1 # 注册的视图函数
 2 def register(request):
 3     if request.method == "POST":
 4         # 这里写个一字典用来和前端的ajax进行交互
 5         ret = {"status": 0, "msg": ""}
 6         # 生成一个from对象
 7         form_obj = forms.RegForm (request.POST)
 8         # 校验用户输入
 9         if form_obj.is_valid ():
10             ret["msg"] = "/index/"
11             # 删掉确认密码的字段
12             form_obj.cleaned_data.pop ("re_password")
13             # 取到用户传过来的头像
14             avatar = request.FILES.get ("avatar")
15             # 传入数据库
16             # print(form_obj.cleaned_data["username"])
17             models.UserInfo.objects.create_user (**form_obj.cleaned_data, avatar=avatar)
18 
19         else:
20             ret["status"] = 1
21             ret["msg"] = form_obj.errors
22         return JsonResponse (ret)
23     # 生成一个form对象
24     form_obj = forms.RegForm ()
25     return render (request, "register.html", {"form_obj": form_obj})

如上   

　　form_obj.is_valid () 是django为我们提供用于校验的方法 ,  我们只需要把校验通过的直接做我们需要做的处理就好了   

　　如果有用户输入的不符合规范  Django会帮我们把报错信息放在form_obj.errors 这个方法里边 

　　这里我们把错误信息做成了一个字典发到了前端  接下来我们看下前端的写法

 1 // 这里是用ajxj提交表单的操作
 2     $("#reg-submit").click(function () {
 3         //var username = $("#id_username").val();
 4         //var password = $("#id_password").val();
 5         //var re_password = $("#id_re_password").val();
 6         //var email = $("#id_email").val();
 7         var formData = new FormData();
 8         formData.append("username",$("#id_username").val());
 9         formData.append("password",$("#id_password").val());
10         formData.append("re_password",$("#id_re_password").val());
11         formData.append("email",$("#id_email").val());
12         formData.append("avatar",$("#id_avatar")[0].files[0]);
13         $.ajax({
14             url:"/reg/",
15             type:"post",
16             processData:false,
17             contentType:false,
18             //data:{"username":username,"password":password,"re_password":re_password,"email":email},
19             data:formData,
20             success:function (data) {
21                 if (data.status) {
22                 // 后端发来的是报错信息  这里写一个循环取到这些报错
23                     $.each(data.msg,function (k,v) {
24                     // 把获取到的报错信息填写到表单下边的span标签 这里做一个字符串的拼接取到对应的标签
25                     $("#id_"+k).next("span").text(v).parent().addClass("has-error")
26                 })
27                 }else {
28                     // 没有错误就跳转到指定页面
29                     location.href = data.msg;
30                 }
31 
32             }
33         })
34     });

这样我们就可以在用户输入不合法的时候可以给到提示了   下面是 我们创建发form类 和 检验 用户名 和 密码的 方法

 1 from django import forms
 2 from django.core.exceptions import ValidationError
 3 from blog import models
 4 
 5 # 定义一个注册的form类
 6 class RegForm(forms.Form):
 7     username = forms.CharField(
 8         max_length=16,
 9         label="用户名",
10         error_messages={
11             "max_length": "用户名最长16位",
12             "required": "用户名不能为空",
13         },
14         widget=forms.widgets.TextInput(
15             attrs={"class": "form-control"},
16         )
17     )
18 
19     password = forms.CharField(
20         min_length=6,
21         label="密码",
22         widget=forms.widgets.PasswordInput(
23             attrs={"class": "form-control"},
24             render_value=True,
25         ),
26         error_messages={
27             "min_length": "密码至少要6位！",
28             "required": "密码不能为空",
29         }
30     )
31 
32     re_password = forms.CharField(
33         min_length=6,
34         label="确认密码",
35         widget=forms.widgets.PasswordInput(
36             attrs={"class": "form-control"},
37             render_value=True,
38         ),
39         error_messages={
40             "min_length": "确认密码至少要6位！",
41             "required": "确认密码不能为空",
42         }
43     )
44 
45     email = forms.EmailField(
46         label="邮箱",
47         widget=forms.widgets.EmailInput(
48             attrs={"class": "form-control"},
49 
50         ),
51         error_messages={
52             "invalid": "邮箱格式不正确！",
53             "required": "邮箱不能为空",
54         }
55     )
56 
57 
58     # # 重写全局的钩子函数，对确认密码做校验
59     def clean(self):
60         password = self.cleaned_data.get("password")
61         re_password = self.cleaned_data.get("re_password")
62 
63         if re_password and re_password != password:
64             self.add_error("re_password", ValidationError("两次密码不一致"))
65 
66         else:
67             return self.cleaned_data
68 
69     # 写一个局部的钩子函数 校验用户名是否被注册
70     def clean_username(self):
71         username = self.cleaned_data.get("username")
72         is_enroll = models.UserInfo.objects.filter(username=username)
73         if is_enroll:
74             self.add_error("username",ValidationError("该用户已经被注册!"))
75         return username

这里需要注意一点 

　　当我们改写的是全局的钩子就需要返回一个全局的钩子 , 我们改写的是局部的钩子  就必须返回一个局部的钩子