zoukankan      html  css  js  c++  java
  • Django之from表单

    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

    这里需要注意一点 

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

  • 相关阅读:
    关于重载和重写的区别
    UML的关联(Association), 聚合(Aggregation), 组合(Composition)区别
    解析CSS加密技术之“障眼法”
    ASP.NET中MEMCACHED
    新建项目的无法应用已有项目
    C# 判断两张图片是否一致的快速方法
    压力测试中需要掌握的几个基本概念
    软件测试Web数据分析工具HttpWatch安装
    在SQL Server实现最短路径的搜索
    从算法入手讲解如何在SQL Server中实现最优最简
  • 原文地址:https://www.cnblogs.com/cuilinpu/p/10321716.html
Copyright © 2011-2022 走看看